如何使用ajax一个接一个地上传多个文件？在一个文件完成上传后，开始上传下一个文件吗？

Question

我有一大堆文件。我想发出一个API的post请求，一个接一个地上传文件。试了很多次，但什么都做不成。后端一次处理单个文件上载。

代码是这样的：

function onDropUpload(event) {
    let entries= event.dataTransfer.items;
    let f = new FormData();
    async uploadfile(file) {
         let response = await axios.post('/',file, {headers: {'Content-Type': 'multipart/form-data'}})
         resolve(response);
    }

    for (let i = 0; i < entries.length; i++) {
         f.append('file_to_save', entries[i]);
         uploadfile(f);
         f.delete('file_to_save');
    }
}

实现可能与此相去甚远(这只是为了说明这个想法)。但问题是，我想要开始上传文件后，解决之前的文件的上传承诺。

Answer 1

每次上传时都应该使用一个新的FileData对象

function onDropUpload(event){
    let entries= event.dataTransfer.items;
    async uploadfile(file){
         let response = await axios.post('/',file, {headers: {'Content-Type': 'multipart/form-data'}})
         resolve(response);
    }
    for (let i = 0; i < entries.length; i++) {
         let f = new FormData();
         f.append('file_to_save', entries[i]);
         uploadfile(f);
    }
}