一个任务进度管理的模块,需要用户上传图片,系统获取用户和时间及上传的图片,图片能正常uploadFile,但this.setData时界面无法正常显示。
用户上传前:
代码:
wx.chooseImage({
count:1,
success:res=>{
let filePath = res.tempFilePaths[0];
let tempSrc = this.getRam();
let cloudPath = 'process' + tempSrc + filePath.match(/\.[^.]+?$/)[0];
wx.cloud.uploadFile({
cloudPath,
filePath,
success:su=>{
let id = this.data.id;
let name = this.data.painter;
let photo = su.fileID;
let process = {
name,
time:today,
photo:photo,
};
let processes = this.data.process.push(process);
this.setData({
process:processes
})
dbTask.doc(id).update({
data:{
processes:_.unshift(process),
},
})
}
})
}
})
用户上传图片后:
可以看大图片已经上传成功了,界面也更新了(占了一个位置),但图片都不显示。
这黑条看得眼花缭乱,放代码可以点下这个按钮
你的问题是不是没有setData成功地址路径?image标签本身就有宽高的,你可以去调试工具查看image标签是否有路径或者是否路径正确