REACT使用window.FileReader上传多个文件

import React, { useState } from 'react';

function FileUploader() {
  const [files, setFiles] = useState([]);

  const handleFileChange = (event) => {
    const selectedFiles = Array.from(event.target.files);
    setFiles(selectedFiles);
  };

  const handleUpload = () => {
    files.forEach((file) => {
      const reader = new FileReader();
      reader.onload = (event) => {
        const fileContent = event.target.result;
        // 在这里可以对文件内容进行处理或上传到服务器
        console.log(fileContent);
      };
      reader.readAsDataURL(file);
    });
  };

  return (
    <div>
      <input type="file" multiple onChange={handleFileChange} />
      <button onClick={handleUpload}>上传</button>
    </div>
  );
}

export default FileUploader;