用js获取input中type=file文件内容

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用js获取input中type=file文件内容相关的知识,希望对你有一定的参考价值。

1、先获取到input节点

2、利用FileReader对象读取文件

3、文件读取完毕后会有一个回调函数,拿到结果即可

示例:

  var files = $(‘#fileImport‘).prop(‘files‘);// 获取到文件列表
  var reader = new FileReader();// 新建一个FileReader
  reader.readAsText(files[0], "UTF-8");// 读取文件
  reader.onload = function (evt) { // 读取完文件之后会回来这里(注意:这是异步操作)
    var fileString = evt.target.result; // fileString就是文件具体内容
  }

 

以上是关于用js获取input中type=file文件内容的主要内容,如果未能解决你的问题,请参考以下文章

前端用js获取本地文件的内容

js可以把type=‘file’标签中的文件转换成二进制吗?怎么转换?

怎么用js来获取 fileupload中的上传文件的文件名

input type=file 选择文件路径获取方法

js 获取input type="file" 选择的文件大小文件名称上次修改时间类型等信息

使用js清空input file上传文件的内容