小程序前端一次接口批量上传图片和参数
时间: 2023-11-26 13:03:53 浏览: 66
可以使用 FormData 对象来实现一次接口批量上传图片和参数。首先,将所有需要上传的图片和参数存储到一个数组中。然后,创建一个 FormData 对象,将参数以键值对的形式添加到 FormData 中,再将图片以文件流的形式添加到 FormData 中。最后,使用 XMLHttpRequest 发送 POST 请求,将 FormData 对象作为请求体发送给后端接口。
以下是示例代码:
```javascript
// 假设要上传的图片和参数都存储在以下两个数组中
const images = [file1, file2, file3];
const params = [{name: 'foo', value: 'bar'}, {name: 'baz', value: 'qux'}];
// 创建一个 FormData 对象
const formData = new FormData();
// 将参数以键值对的形式添加到 FormData 中
params.forEach(param => {
formData.append(param.name, param.value);
});
// 将图片以文件流的形式添加到 FormData 中
images.forEach(image => {
formData.append('images', image);
});
// 发送 POST 请求
const xhr = new XMLHttpRequest();
xhr.open('POST', '/upload');
xhr.send(formData);
```
注意,以上代码仅为示例代码,实际应用中需要根据具体情况进行修改和调整。
阅读全文