JS读取上传文件内容

版权声明：本文为博主原创文章，如有错误欢迎指正，如需转载请注明出处，谢谢配合。 https://blog.csdn.net/xiaxiangyun/article/details/84300221

背景

今天遇到这样一个需求：用户选择一个文件上传，需要读取到文件的内容并筛选出所需数据进行处理。

解决

  function readFile() {
    const objFile = document.getElementById('file_id')
    if(objFile.value === '') {
      alert('请选择文件！')
      return
    }
    // 获取文件
    const files = objFile.files
    // 新建一个FileReader
    const reader = new FileReader()
    // 读取文件 
    reader.readAsText(files[0], "UTF-8")
    // 读取完文件之后会回来这里
    reader.onload = function(e){
      // 读取文件内容
      const fileString = e.target.result
      // 接下来可对文件内容进行处理
      console.log(fileString)
    }
  }