小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 预期表现
替换头像功能：上传图片后，上传服务器返回地址，动态变更图片路径，图片变换成新的图
-bug
动态变更图片路径后，图片无反应，但是查看控制台Wxml中地址已改
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
代码贴出来看一下
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
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;
//获取失败
content: msg,
console.log('用户点击确定')
wx.hideLoading();
fail: function (res) {
console.log('上传图片失败!')
console.log(res)
wx.showToast({
title: '上传失败',
可以成功返回地址，单独拿链接出来浏览器是可以显示的，小程序中setData设置新的没变化
打印一下这个setData之前的imgUrl，然后 在打印一下这个setData之后的imgUrl，看看有变化没？
变了的
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
代码贴出来看一下
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，看看有变化没？
变了的