[微信小程序]上传图片后,动态变更图片路径,图片显示无反应 [你这句话把握搞懵了。]+ 查看更多
[微信小程序]上传图片后,动态变更图片路径,图片显示无反应 [你这句话把握搞懵了。]
+ 查看更多
- 预期表现
替换头像功能:上传图片后,上传服务器返回地址,动态变更图片路径,图片变换成新的图
-bug
动态变更图片路径后,图片无反应,但是查看控制台Wxml中地址已改
-
, 如果你什么都不说,我也不知道怎么回答你呀代码贴出来看一下, 代码我有好多,都看不懂
-
wx.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有 success(res) { const src = res.tempFilePaths[0] wx.uploadFile({ url: config.SERVER_UPLOAD_HEAD_URL, filePath: src , name: 'file', header: { "Content-Type": "multipart/form-data" }, success:function(res){ let data = res.data; let _data = JSON.parse(data); _data = _data[0]; if (_data.code==1){ that.setData({ imgUrl:_data.data }); } else if (_data.code == 2){ wx.showModal({ title: '提示', content: '登录失效,请重新登录!', showCancel: false,//不显示取消按钮 success: function (res) { if (res.confirm) { console.log('用户点击确定'); wx.clearStorageSync(); wx.reLaunch({ url: '/pages/login/index', }) } else if (res.cancel) { console.log('用户点击取消') } } }) } else{ var msg = '出错了~,请稍后再试!';//_data.msg; //获取失败 wx.showModal({ title: '提示', content: msg, showCancel: false,//不显示取消按钮 success: function (res) { if (res.confirm) { console.log('用户点击确定') } } }) } wx.hideLoading(); }, fail: function (res) { console.log('上传图片失败!') console.log(res) wx.showToast({ title: '上传失败', }) }, }); } }) 可以成功返回地址,单独拿链接出来浏览器是可以显示的,小程序中setData设置新的没变化 , 说的貌似很有深意,你能一条一条说么?
-
打印一下这个setData之前的imgUrl,然后 在打印一下这个setData之后的imgUrl,看看有变化没? , 然后什么呀,你接着发挥一下吧。
-
变了的, 变成啥了,
, 如果你什么都不说,我也不知道怎么回答你呀 -