关于文件读取的一些小知识

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于文件读取的一些小知识相关的知识,希望对你有一定的参考价值。

总所周知,input有一属性type=‘file’,然而我们怎么读取,用户上传的信息呢?

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

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() 方法 返回一个文件内容(字符串);

 

以上是关于关于文件读取的一些小知识的主要内容,如果未能解决你的问题,请参考以下文章

有关python的一些小知识

关于java的一些小知识(课程作业02)

关于laravel一些学习小知识

拿不到想要的offer,只缘身在CV中,关于一些面试小知识

关于python的一些小的知识点-2

关于linux网卡的一些小知识