小程序实现头像更换
时间:2022-05-27 19:39:26
收藏:0
阅读:17
小程序项目中遇到需要更换用户头像的需求,这里记录下,相关逻辑代码index.ts,只选取重要的如下:
// 更换用户头像
changeAvatar() {
const that = this
wx.chooseImage({
count: 1,
sizeType: [‘original‘, ‘compressed‘], // 可以指定是原图还是压缩图,默认二者都有
sourceType: [‘album‘, ‘camera‘], // 可以指定来源是相册还是相机,默认二者都有
success(res) {
wx.showLoading({
title: "上传中...",
mask: true,
});
// tempFilePath可以作为img标签的src属性显示图片
const tempFilePath = res.tempFilePaths[0]
console.log(tempFilePath, res);
wx.uploadFile({
url: ‘http://192.168.188.226:22000/ech-sad/v1/upload/img‘, // 上传图片的服务器地址,写自己项目中的即可
filePath: tempFilePath, // 上传图片的本地路径
name: ‘imagefile‘,
header: {
Authorization: wx.getStorageSync("Authorization"),
}, // 设置请求头,携带上token
formData: {
imagefile: tempFilePath,
‘type‘: ‘3‘,
}, // 后端需要的请求体参数
success(resp) {
wx.hideLoading();
// 返回的是json字符串类型数据,要转换为json对象
const json_data = JSON.parse(resp.data)
const image = json_data.data
console.log(‘aaa‘, image);
that.setData({
buttonDisabled: false,
image
})
}
})
}
})
},
原文:https://www.cnblogs.com/ljh330/p/15347846.html
评论(0)