關於文件讀取的知識講解

最近同事问我js能不能读取本地文件；

想起以前看到js读取本地文件的文章，然后自己写了个demo。

ps:这有点像Java的IO流，但是又有差别。

下面是我总结的一些步骤：

1、获取file對象
var file=document.querySelector('input');
2、設置change事件
file.onchange=function(){
　　　　　　3、获取file的资源
　　　　　　var list=this.files;
　　　　　　4、创建读取器
　　　　　　var reader=new FileReader();
　　　　　　5、开始读取文件
   　　　　　　readAsDataURL() 方法 返回一个文件路径
   　　　　　　readAsText()   方法 返回一个文件内容（字符串）
　　　　　　reader.readAsDataURL(list[0]);
   　　　　　　文件读取完成后获取结果
　　　　　　reader.onload=function(){
      　　　　　　 获取读取结果-并进行处理
　　　　　　document.querySelector('img').src=this.result;
　　　　　　}
}

在事件中你可以在后台看一下console.dir(this)；注意的是读取文件的两个方法①readAsDataURL() 方法 返回一个文件路径②readAsText() 方法 返回一个文件内容（字符串）；

以上是關於文件讀取的知識講解的詳細內容。更多資訊請關注PHP中文網其他相關文章！