ajax上传多个文件
时间: 2023-08-07 18:06:39 浏览: 53
可以使用FormData对象来实现ajax上传多个文件,以下是一个示例代码:
HTML:
```html
<input type="file" id="fileInput" multiple>
<button onclick="upload()">上传</button>
```
JavaScript:
```javascript
function upload() {
var fileInput = document.getElementById("fileInput");
var files = fileInput.files;
var formData = new FormData();
for (var i = 0; i < files.length; i++) {
formData.append("file" + i, files[i]);
}
var xhr = new XMLHttpRequest();
xhr.open("POST", "upload.php");
xhr.onload = function() {
if (xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send(formData);
}
```
在这个示例中,我们首先获取文件输入框和用户选择的文件数组。然后创建一个FormData对象,并使用append()方法将每个文件添加到FormData对象中。最后,我们使用XMLHttpRequest对象将FormData对象发送到服务器上的upload.php文件进行处理。在服务器端,我们可以使用$_FILES数组来获取上传的文件数据。