如何在输入文件标签ReactJS中重新分配保存的文件

import React from 'react';

class FileUpload extends React.Component {
  handleFileUpload = (event) => {
    const file = event.target.files[0];
    const reader = new FileReader();

    reader.onload = (e) => {
      const fileContent = e.target.result;
      // 可以对文件内容进行处理，例如验证文件类型、大小等

      // 将文件内容发送到后端服务器进行保存
      // 使用Ajax、Fetch或其他网络请求库发送文件数据
      // 示例使用Fetch发送文件数据
      fetch('/upload', {
        method: 'POST',
        body: fileContent,
      })
        .then((response) => {
          // 处理服务器响应
        })
        .catch((error) => {
          // 处理错误
        });
    };

    reader.readAsDataURL(file);
  };

  render() {
    return (
      <div>
        <input type="file" onChange={this.handleFileUpload} />
      </div>
    );
  }
}

export default FileUpload;