1

我正在尝试使用 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);
               }}
            />

所以问题onupdatefiles是它正在处理我上传的相同数量的文件,所以如果我上传 2 个文件,它会记录这 2 个文件 2 次,总共发出 4 个请求。

另一方面,onaddfile记录 2 个文件一次,但只发出一个请求。所以我的问题如下:我怎样才能让它记录2个文件并发出2个将文件上传到服务器的请求?

任何帮助都将不胜感激!

4

0 回答 0