如何在react js中上传多个文件时使用FleReader读取文件内容

<input type="file" multiple onChange={handleFileUpload} />

const handleFileUpload = (event) => {
  const files = event.target.files; // 获取选择的文件列表
  const fileReaders = []; // 用于存储FileReader对象

  // 遍历文件列表，为每个文件创建一个FileReader对象
  for (let i = 0; i < files.length; i++) {
    const file = files[i];
    const fileReader = new FileReader();

    // 为每个FileReader对象绑定onload事件处理函数
    fileReader.onload = (e) => {
      const fileContent = e.target.result; // 获取文件内容
      // 在这里可以对文件内容进行处理，比如发送到服务器或展示在页面上
      console.log(fileContent);
    };

    fileReaders.push(fileReader); // 将FileReader对象存入数组
    fileReader.readAsText(file); // 以文本形式读取文件内容
  }
};