微信Uniapp---头像获取持久化储存
【代码】微信Uniapp---头像获取持久化储存。
·
微信获取头像api
<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
<image class="avatar" src="{{avatarUrl}}"></image>
</button>
onChooseAvatar(e) {
const { avatarUrl } = e.detail
}
微信头像持久化储存
微信头像获取后是一个临时路径 存在过期情况,需要将头像上传到后端服务器进行持久化储存
uni.uploadFile({
url: 'https://xxxxx', //后端提供的服务器上传地址
filePath: filePath,
name: 'file',
formData: {
'test': "test"
},
header: {
'content-type': 'multipart/form-data',
"token": uni.getStorageSync('authToken'),
},
success: function(res) {
uni.showToast({
title: '上传成功',
icon: 'success',
duration: 2000
})
uni.showLoading({
icon: 'loading',
title: '加载中'
})
that.UserInfo()
console.log('返回值', res);
},
}
上传服务器后会放回一个url地址,通过接口获取这个地址传入image中进行展示 注意:页面刷新问题,图片能否直接显示
更多推荐
已为社区贡献1条内容
所有评论(0)