FilePond反应多个文件上传

时间:2019-08-27 12:11:40

标签: reactjs filepond

我正在尝试使用filePound库上传多个图像,我想发出一个http请求,然后将该文件发送到服务器。我遇到了一个问题,这是我的代码

<FilePondWithPlugins
              ref={pondRef}
              acceptedFileTypes={["image/png", "image/jpeg", "image/gif"]}
              dropValidation={true}
              maxFileSize="2MB"
              allowMultiple={true}
              onupdatefiles={async (fileItems) => {
                console.log(fileItems.file);
                console.log(fileItems);
                console.log("here");
                for(let i = 0; i < fileItems.length; i++){
                  await makeRequest(fileItems[i])
                }
              }}
              onaddfile={async (error, fileObj) => {

                console.log(fileObj.file);
                console.log("here");
                console.log(await makeRequest(fileObj.file);
               }}
            />

so onupdatefiles的问题在于,它执行的所有进程都处理了我上载的相同数量的文件,因此,如果我上载2个文件,它将记录这2个文件2次,总共发出4个请求。

另一方面,onaddfile仅记录2个文件,但仅发出一个请求。 所以我的问题是:如何使它记录2个文件并发出2个将文件上传到服务器的请求?

任何帮助都很感谢!

0 个答案:

没有答案