首页  >  文章  >  web前端  >  关于文件读取的知识讲解

关于文件读取的知识讲解

零下一度
零下一度原创
2017-07-18 16:15:471580浏览

最近同事问我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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn