如何一次从React js发送多个文件到后端？

Question

如何将多个文件或图像发送到后端。 我正在使用React js作为前端部分。

Answer 1

let files = // list of files
const formData = new FormData();

for (let i = 0; i < files.length; i++) { 
    formdata.append(`images[${i}]`, {
                    uri: pathOfFile,
                    name: fileName.jpg,
                    type: mimeType(eg. "image/jpeg")
    });
}


//if you are using axios

axios.post('https://mywebsite.com/endpoint/', formData, {
    headers: {
    'content-type': 'multipart/form-data'
    }
}).then(response => {
    console.log(response.data)
});
//if you are using fetch

fetch('https://mywebsite.com/endpoint/', {
method: 'POST',
headers: {
    'Content-Type': 'multipart/form-data',
},
body: formData,
});