精华内容
下载资源
问答
  • 绍用JavaScript读取文件内容
  • 本篇文章主要介绍了Node.js读取文件内容,Node.js读取文件内容包括同步和异步两种方式。有兴趣的可以了解一下。
  • js 读取文件内容

    2019-11-21 16:34:30
     //显示文件内容      var aa=eval(reader.result);    doc.getElementById('output').innerText=getRandomArrayElements(aa,doc.getElementById('randomNum').value);  console.log(aa[1]);  ...

    var openFile = function(event) {
                    var input = event;
                    var reader = new FileReader();
                    reader.onload = function() {
                        if(reader.result) {
                                    //显示文件内容
                                 
                                    
                                    var aa=eval(reader.result);
                                    
                                    doc.getElementById('output').innerText=getRandomArrayElements(aa,doc.getElementById('randomNum').value);
                                    console.log(aa[1]);
                                    console.log();
                                }
                            };
                    reader.readAsText(input.files[0]);
                };

    展开全文
  • Node.js读取文件内容

    万次阅读 2013-07-03 11:24:28
    Node.js读取文件内容包括同步和异步两种方式。 1、同步读取,调用的是readFileSync var rf=require("fs"); var data=rf.readFileSync("test","utf-8"); console.log(data); console.log("READ FILE SYNC END"); ...

    Node.js读取文件内容包括同步和异步两种方式。

    1、同步读取,调用的是readFileSync

    var rf=require("fs");
    var data=rf.readFileSync("test","utf-8");
    console.log(data);
    console.log("READ FILE SYNC END");

    输出结果,先内容,后end



    2、异步读取,调用readFile

    var rf=require("fs");
    rf.readFile("test",'utf-8',function(err,data){
        if(err){
            console.log("error");
        }else{
            console.log(data);
        }
    });
    console.log("READ FILE ASYNC END");
    输入结果先end,后内容


    同步式读取文件的方式比较容易理解,将文件名作为参数传入 fs.readFileSync 函数,阻塞等待读取完成后,将文件的内容作为函数的返回值赋给 data 变量,接下来控制台输出 data 的值,最后输出 end。

    异步式读取文件就稍微有些违反直觉了,end先被输出。要想理解结果,我们必须先知道在 Node.js 中,异步式 I/O 是通过回调函数来实现的。fs.readFile 接收了三个参数,第一个是文件名,第二个是编码方式,第三个是一个函数,我们称这个函数为回调函数。

    JavaScript 支持匿名的函数定义方式, 譬如例子中回调函数的定义就是嵌套在fs.readFile 的参数表中的。

    上面异步读取readFile中的参数回调函数可以拿出来。

    var rf=require("fs");
    function callBack(err,data){
        if(err){
            console.log("error");
        }else{
            console.log(data);
        }
    }
    rf.readFile("test","utf-8",callBack);
    console.log("READ FILE ASYNC END");

    fs.readFile 调用时所做的工作只是将异步式 I/O 请求发送给了操作系统,然后立即返回并执行后面的语句,执行完以后进入事件循环监听事件。当 fs 接收到 I/O 请求完成的事件时,事件循环会主动调用回调函数以完成后续工作。


    整个项目文件路径如图所示。tes为要读取的文件。



    展开全文
  • js读取xml文件并获取文件内容
  • 前端js读取文件内容

    千次阅读 2019-04-17 20:00:55
    console.log('文件内容', this.result); } }else if(/image+/.test(file.type)) { // 判断文件是不是imgage类型 //判断文件是不是imgage类型 $('body').append('<img src="' + this.result + '"/>'); } } } ...
    <input v-if="isShowFile" type="file" id="file" @change="onFileChange"/>
    onFileChange(files) {
        if (files.length) {
            var file = files[0];
            var reader = new FileReader();    // new一个FileReader实例
            if (/text+/.test(file.type)) {    // 判断文件类型,是不是text类型
                reader.onload = function() {
                    console.log('文件内容', this.result);
                } 
            }else if(/image+/.test(file.type)) {    // 判断文件是不是imgage类型
                //判断文件是不是imgage类型
                $('body').append('<img src="' + this.result + '"/>');
            }
        }
    }

     

    展开全文
  • 工作上的需要,需要用到很多个文件里的代码,一个个打开复制又过去沙雕,就看看用js怎么解决了(其实用python应该更加方便,奈何本人python只会一点皮毛) 引用:借鉴的博客 话不多说,直接上代码 <!DOCTYPE ...

    工作上的需要,需要用到很多个文件里的代码,一个个打开复制又过去沙雕,就看看用js怎么解决了(其实用python应该更加方便,奈何本人python只会一点皮毛)

    引用:借鉴的博客

    话不多说,直接上代码

    <!DOCTYPE html>
    <html>
    	<head>
    		<title>Hello World</title>
    		<meta http-equiv="content-type" content="text/html; charset=utf-8">	
    	</head>
    	<body>
    		<!-- Code Here  -->
    		<input type="file" name="upload" id="upload" accept="text/plain"/>
    		<p name="content" id="content"></p>
    		<script> 
    			window.onload = function() {
            /**
             * 上传函数
             * @param fileInput DOM对象
             * @param callback 回调函数
             */
            var getFileContent = function (fileInput, callback) {
                if (fileInput.files && fileInput.files.length > 0 && fileInput.files[0].size > 0) {
                    //下面这一句相当于JQuery的:var file =$("#upload").prop('files')[0];
                    var file = fileInput.files[0];
                    if (window.FileReader) {
                        var reader = new FileReader();
                        reader.onloadend = function (evt) {
                            if (evt.target.readyState == FileReader.DONE) {
                                callback(evt.target.result);
                            }
                        };
                        // 包含中文内容用gbk编码
                        reader.readAsText(file, 'utf-8');
                    }
                }
            };
    
            /**
             * upload内容变化时载入内容
             */
            document.getElementById('upload').onchange = function () {
    					console.log("hahahah ")
              var content = document.getElementById('content');
    
              getFileContent(this, function (str) {
    						console.log(str);
    						str=str.replace(/\n/g,"<br/>"); //格式保留,追加换行
                content.innerHTML += str;
              });
            };
        };
    		</script>
    	</body>
    </html>
    str=str.replace(/\n/g,"<br/>");

    一开始没有上面这一句代码的时候,输出是没有换行的,格式混乱,后来在网上找到了这个方法,匹配"\n",就可以替换成换行标签了,当然,有可能文件里的换行符并不是''\n",那么试试"\r", "\r\n",总会有一个是的。

    reader.readAsText(file, 'utf-8');

    另外要注意的是要用"utf-8"编码读取文件

    下面是效果图

    标题
    展开全文
  • vue 通过js读取文件内容

    千次阅读 2019-09-02 14:58:12
    if (typeof FileReader === "undefined") { this.$message({ type: "info", message: "您的浏览器不支持文件读取。" }); return; } reader.readAsText(file.raw, "gb2312"); var _this = this; reader.onload = ...
  • js读取文件内容FileReader方法

    千次阅读 2019-10-04 20:58:24
    <script type="text/javascript"> window.onload = function() { /** * 上传函数 * @param fileInput DOM对象 * @param callback 回调函数 */ var getFileContent = function (fileInput, callback) { if ...
  • CSS布局HTML小编今天和大家分享HTML或者JS读取TXT文件内容的代码如题,CSS布局HTML小编今天和大家分享HTML或者JS读取TXT文件内容的代码JS读取TXT文件内容的代码如下: 读取文件内容 var fso, ts, s ; var ForReading...
  • javascript结合ajax读取txt文件内容,javascript,结合,ajax,读取,txt,文件,内javascript结合ajax读取txt文件内容易采站长站,站长之家为您整理了javascript结合ajax读取txt文件内容的相关内容。代码很简洁,这里就不...
  • js读取Xml文件内容.zip
  • js 读取文件

    2017-11-21 11:44:27
    js读取文件代码,可以立即使用,js读取文件代码,可以立即使用js读取文件代码,可以立即使用js读取文件代码,可以立即使用
  • 获取文件内容

    2017-05-05 14:05:12
    JS获取文件内容
  • JS读取上传文件内容

    千次阅读 2018-11-20 14:05:26
    今天遇到这样一个需求:用户选择一个文件上传,需要读取文件内容并筛选出所需数据进行处理。 解决 function readFile() { const objFile = document.getElementById('file_id') if(objFile.value === '') { ...
  • 主要为大家详细介绍了Javascript读取上传文件内容/类型/字节数,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 主要介绍了node.js实现逐行读取文件内容的代码,本文还介绍了一个node.js的按行读取内容开源项目,需要的朋友可以参考下
  • JavaScript读取客户端的文件内容,然后再后台中调用
  • PHP 读取文件内容代码(txt,js等)
  • js前端读取文件内容

    2019-05-23 10:22:00
    方法1:原生 <input type="file" name="file" id="file" onchange="jsReadFiles(this.files)">...//js 读取文件 function jsReadFiles(files) { var file = files[0]; var reader = new FileReader();/...
  • node.js使用readline按行读取文件内容

    万次阅读 2018-03-01 09:19:41
    node.js使用readline按行读取文件内容1.实现代码var fs = require('fs'); var readline = require('readline'); /* * 按行读取文件内容 * 返回:字符串数组 * 参数:fReadName:文件名路径 * callback:回调函数 * */...
  • 主要介绍了ZK中使用JS读取客户端txt文件内容问题,本文通过实例图文相结合给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
  • 主要介绍了JS通过ajax动态读取xml文件内容的方法,实例分析了Ajax操作XML文件的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
  • JS-读取txt文件内容

    万次阅读 多人点赞 2018-09-09 14:08:33
    <!... < ...> < ..."https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js" ...//显示文件内容 $( "#output" ).html(reader.result); } }; reader.readAsText(input.files[ 0 ]); }; script > html >
  • javascript读取文件.txt

    热门讨论 2011-09-07 23:57:21
    javascript读取文件.txt javascript读取文件.txt javascript读取文件.txt javascript读取文件.txt javascript读取文件.txt
  • js读取上传的文件内容

    千次阅读 2017-12-19 10:03:38
    this.upload = function() { var objFile = document.getElementById("upfile"); var files = $('#upfile').prop('files');//获取文件列表 if(files.length == 0){ alert('请选择文件'); }else{
  • JS读取文件,Javascript之文件操作 (IE)

    万次阅读 2016-04-11 09:27:46
     要在javascript中实现文件操作功能,主要就是依靠FileSystemobject对象。  二、FileSystemObject编程  使用FileSystemObject 对象进行编程很简单,一般要经过如下的步骤: 创建FileSystemObject对象、应用相关...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 716,116
精华内容 286,446
关键字:

js获取文件内容