gunsv7 前端如何向后端传输多张图片代码
时间: 2024-01-31 08:04:33 浏览: 21
前端向后端传输多张图片可以通过 FormData 对象实现。下面是一个基本的示例代码:
```javascript
const formData = new FormData();
const fileInput = document.querySelector('input[type="file"]');
for (let i = 0; i < fileInput.files.length; i++) {
formData.append('images[]', fileInput.files[i]);
}
// 发送请求
fetch('/upload', {
method: 'POST',
body: formData
})
.then(response => {
// 处理响应结果
})
.catch(error => {
// 处理错误情况
});
```
在上面的代码中,我们首先创建了一个 FormData 对象,并从文件输入框中获取用户选择的所有文件。然后,我们使用 FormData 的 append() 方法将每个文件添加到 FormData 对象中,并使用 images[] 作为键名,以便后端能够正确地解析这些文件。
最后,我们使用 fetch() 方法发送一个 POST 请求,将 FormData 对象作为请求体发送到后端。在处理响应结果时,您可以使用类似于处理其他 AJAX 请求的方式进行处理。