微信云开发15 简单显示和多个文件上传逻辑
作者:
绿水
,
2021-12-29 19:43:31
,
所有人可见
,
阅读 224
1. 上传之后简单的显示
<image src="{{picUrl}}"></image>
cloudFile(path){
wx.cloud.uploadFile({
cloudPath: Date.now() + ".jpg",
filePath: path
}).then(res =>{
this.setData({
picUrl: res.fileID
})
})
},
2. 多个图片的上传
<image wx:for="{{urlArr}}" src="{{item}}"></image>
全局:
var urlArr = []
var filePath = []
urlArr.push(res.fileID)
if (urlArr.length == filePath.length) {
this.setData({
urlArr
})
}
// 先把上传的图片的flieID放到数组里面去,当成功上传的图片的数量 == 选择的图片的数量,把这些图片渲染到前端