uniapp多个图片同时上传formdata提交代码
时间: 2023-12-05 10:04:06 浏览: 150
javascript+php原生态写的上传文件,可多选文件,解决formdata()后端只接到一个图片和图片中有恶意代码的问题
你可以使用uni.uploadFile()函数来上传多个图片,然后将它们一起作为FormData提交到服务器。下面是一个示例代码:
```
// 定义formData对象
let formData = new FormData()
// 遍历需要上传的图片
for (let i = 0; i < images.length; i++) {
// 使用uni.uploadFile()函数上传图片
uni.uploadFile({
url: 'your_upload_url',
filePath: images[i],
name: 'file',
success: (res) => {
// 上传成功后将返回的url添加到formData中
formData.append('urls[]', res.data)
}
})
}
// 将其他需要提交的数据添加到formData中
formData.append('otherData1', 'value1')
formData.append('otherData2', 'value2')
// 使用uni.request()函数提交formData到服务器
uni.request({
url: 'your_submit_url',
method: 'POST',
data: formData,
header: {
'content-type': 'multipart/form-data'
},
success: (res) => {
console.log(res.data)
}
})
```
在代码中,首先定义了一个formData对象,然后遍历需要上传的图片,使用uni.uploadFile()函数上传每一张图片,并在上传成功后将返回的url添加到formData中。最后,将其他需要提交的数据也添加到formData中,然后使用uni.request()函数将formData提交到服务器。注意要将header中的content-type设置为multipart/form-data,以确保服务器能够正确解析formData数据。
阅读全文