uniapp使用数组上传图片
时间: 2023-12-05 19:38:31 浏览: 229
uniapp图片上传
在uniapp中,可以使用数组上传图片。具体实现方法如下:
1. 使用uni.chooseImage()选择图片并在成功的回调中给数组赋值,例如:this.imgArr.push(res.tempFilePaths)。
2. 使用plus.zip.compressImage()进行图片压缩并将压缩后的图片路径添加到数组中,例如:this.imgArr.push(compressedFilePath)。
3. 在提交表单时,将数组作为参数上传到服务器,例如:uni.uploadFile({
url: 'http://example.com/upload',
filePath: this.imgArr,
name: 'file',
success: function (res) {
console.log('上传成功');
}
});
4. 在后端解析拿到的图片资源并返回临时路径和绝对路径,在成功的回调中给数组中的每个元素赋值,例如:this.imgArrUrl[index] = res.data.url。
5. 可以使用循环遍历数组来实现图片删除和预览功能,例如:使用uni.previewImage(OBJECT)方法预览图片,使用splice()方法删除数组中的元素。
阅读全文