在HTML表单中发送多个文件,可以使用HTML5的File API来实现。以下是一种常见的方法:
multiple
属性允许选择多个文件:<input type="file" name="files[]" multiple>
var files = document.querySelector('input[type="file"]').files;
var formData = new FormData();
for (var i = 0; i < files.length; i++) {
formData.append('files[]', files[i]);
}
var xhr = new XMLHttpRequest();
xhr.open('POST', 'upload.php', true);
xhr.onload = function() {
if (xhr.status === 200) {
// 上传成功
} else {
// 上传失败
}
};
xhr.send(formData);
在上述代码中,upload.php
是服务器端的处理脚本,用于接收并处理上传的文件。
这种方法可以实现在HTML表单中同时上传多个文件。在实际应用中,可以根据具体需求进行适当的修改和扩展。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云