使用FormData对象将表单数据和文件一起发送。以下是一个简单的示例代码:
HTML:
JavaScript:
var form = document.getElementById('myForm');
var submitBtn = document.getElementById('submitBtn');
submitBtn.addEventListener('click', function() {
var formData = new FormData(form);
var xhr = new XMLHttpRequest();
xhr.open('POST', '/upload', true);
xhr.onload = function() {
if (xhr.status === 200) {
// 处理上传成功的响应
} else {
// 处理上传失败的响应
}
};
xhr.send(formData);
});
通过这种方式,可以将表单元素和文件一起发送到服务器。注意,在使用FormData对象时,必须使用POST方法进行发送。