js读取本地文件

2019-04-14 20:56发布

站内文章 / 模拟电子
12979 0 956
写了一个demo
文件地址
//点击导入按钮,使files触发点击事件,然后完成读取文件的操作 $("#fileImport").click(function () { $("#files").click(); }) function fileImport() { //获取读取我文件的File对象 var path = $("#files").val();//文件路径 var selectedFile = document.getElementById('files').files[0]; var name = selectedFile.name;//读取选中文件的文件名 var size = selectedFile.size;//读取选中文件的大小 console.log("文件名:"+name+"大小:"+size); $("#wj").html(name); var reader = new FileReader();//这是核心,读取操作就是由它完成. reader.readAsText(selectedFile);//读取文件的内容,也可以读取文件的URL reader.onload = function (oFREvent) { //当读取完成后回调这个函数,然后此时文件的内容存储到了result中,直接操作即可 var pointsTxt = oFREvent.target.result; alert(pointsTxt); } } 亲测试可用！ 顺便介绍一下fileReader Api flieReader 三种状态： FileReader.readyState:0,1,2 0:empty ,没有文件被load，为空。 1:loading,文件正在被加载。 2:done,读取请求完成。 fileReader事件处理，6种。 onabort:文件读取终端，触发。 onerror:文件遇到错误触发。 onload:文件成功读取触发。 onloadstart:文件开始读取时触发。 onloadend:文件读取结束时触发（无论成功失败）。 onprogress:文件读取中触发。 fileReader读取方法，5种。 FileReader.abort()。中断读取操作，读取状态返回为done，即readyState=2。 FileReader.readAsArrayBuffer()。将文件读取为ArrayBuffer形式。 FileReader.readAsBinaryString() 。将文件读取为二进制字符串（非标准方法，不推荐使用）。 FileReader.readAsDataURL()。读取文件的URL,应用场景，本地预览图片。 FileReader.readAsText()。将文件已文本形式读取。即读取txt等。  

热门文章