我正在尝试使用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个将文件上传到服务器的请求?
任何帮助都很感谢!