ajax上传多个文件
时间: 2023-08-07 18:06:38 浏览: 40
可以使用FormData对象来实现ajax上传多个文件。
首先,在HTML中定义一个包含多个文件选择框的表单:
```
<form id="file-upload-form" enctype="multipart/form-data">
<input type="file" name="file1">
<input type="file" name="file2">
<input type="file" name="file3">
<button type="submit">Upload</button>
</form>
```
接下来,使用JavaScript创建一个FormData对象,将每个文件选择框中的文件添加到FormData对象中:
```
var form = document.querySelector('#file-upload-form');
var formData = new FormData(form);
```
然后,使用XMLHttpRequest对象来发送ajax请求:
```
var xhr = new XMLHttpRequest();
xhr.open('POST', '/upload', true);
xhr.onload = function() {
if (xhr.status === 200) {
console.log('Files uploaded successfully.');
} else {
console.log('Error uploading files.');
}
};
xhr.send(formData);
```
最后,在服务器端接收并处理上传的文件。