javascript - fetch 原生支持多文件上传吗？

Question

总结

我正在尝试使用 javascript 正确设置我的 FormData。

我需要能够上传 jpg/png，但我可能需要在将来使用 fetch 上传一些其他文件类型 pdf/csv。

预计

我希望它将数据附加到表单

错误

工作

这段代码运行良好:

const formData = new FormData(document.querySelector('form'));
formData.append("extraField", "This is some extra data, testing");

return fetch('http://localhost:8080/api/upload/multi', {
    method: 'POST',
    body: formData,
});

不工作

const formData = new FormData();
const input = document.querySelector('input[type="file"]');
formData.append('files', input.files);

问题

fetch 原生支持多文件上传吗？

Answer 1

如果你想要多个文件，你可以使用这个

var input = document.querySelector('input[type="file"]')

var data = new FormData()
for (const file of input.files) {
  data.append('files',file,file.name)
}

fetch('http://localhost:8080/api/upload/multi', {
  method: 'POST',
  body: data
})