如何在 React-Redux 中上传多个文件

Question

我有一个问题想问你。我在 React-Redux 中构建了一个应用程序，其中 Express NodeJS 作为后端，postgreSQL 作为数据库。我想在其中实现一个文件上传组件。你能告诉我该怎么做吗？

我们的团队之前在后端使用 multer 实现了 Angular 文件上传。当我们在 redux 中执行相同操作时，小文件可以正常上传，但是当我尝试上传超过 4 mb 的文件时，它会在文件完全上传之前重新渲染页面。

请指导我该怎么做？如果您有我能理解的代码示例，那也很棒。

Answer 1

可以在 React 中一次上传多个文件。

<input type="file" multiple 
 name="myImage" accept=".png, .jpeg" className="multiple-upload" 
 onChange={this.uploadScreenshotFile} />

这里是uploadScreenshotFile函数

uploadScreenshotFile(event){
    for(let size=0; size < event.target.files.length; size++){
      console.log('Selected file:', event.target.files[size]);
      let file = event.target.files[size];
      console.log("uploading screenshot file...");

      // Do necessary request to upload here.......

    }
}