Question

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

我们的团队以前使用后端的multer以角度方式实现文件上传。当我们在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.......

    }
}

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

1 个答案: