制作包含多个文件的formData可以通过以下步骤完成:
new FormData()
来创建一个新的FormData对象。formData.append(name, file)
方法将文件添加到FormData对象中。name参数表示文件字段的名称,file参数表示要上传的文件。可以多次调用append()
方法添加多个文件。以下是一个示例代码,展示如何制作包含多个文件的formData:
// 创建一个FormData对象
var formData = new FormData();
// 获取文件输入框的DOM元素
var fileInput = document.getElementById('fileInput');
// 遍历文件输入框选择的每个文件
for (var i = 0; i < fileInput.files.length; i++) {
var file = fileInput.files[i];
// 添加文件到FormData对象
formData.append('files', file);
}
// 发送FormData对象
fetch('/upload', {
method: 'POST',
body: formData
})
.then(response => {
// 处理响应
})
.catch(error => {
// 处理错误
});
这段代码通过遍历文件输入框中选择的每个文件,将每个文件添加到名为'files'的字段中。然后使用Fetch API将FormData对象发送到服务器的'/upload'路径。
注意:这只是一个简单的示例代码,实际使用中可能需要根据具体情况进行适当调整和错误处理。
推荐腾讯云的相关产品:
领取专属 10元无门槛券
手把手带您无忧上云