前端js读取文件输出

Jay_帅小伙

于 2024-01-18 11:31:44 发布

阅读量436

点赞数 9

文章标签：前端 javascript 开发语言

本文链接：https://blog.youkuaiyun.com/qq_42975676/article/details/135669971

版权

这篇文章介绍了如何在前端使用FileReaderAPI实现文件上传前的预处理，通过beforeUpload函数异步读取文件内容，并返回决定是否上传的结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  <a-upload :file-list="fileList" :before-upload="beforeUpload" @remove="handleRemove">
      <a-button>
        <upload-outlined></upload-outlined>
        Select File
      </a-button>
    </a-upload>

async function beforeUpload(file: any) {
  const res = await redFile(file);
  console.log('res', res);
  return false;
}
function redFile(file) {
  return new Promise((resolve, reject) => {
    try {
      const fileReader = new FileReader();
      fileReader.readAsText(file);
      fileReader.onload = function (e) {
        resolve(e.target.result);
      };
    } catch (err) {
      reject(err);
    }
  });
}