gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-30 08:24:35 24 4
gpt4 key购买 nike

总结

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

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

预计

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

错误

image

工作

这段代码运行良好:

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,
});

image

不工作

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

image

问题

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

最佳答案

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

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
})

关于javascript - fetch 原生支持多文件上传吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47738642/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com