微信获取头像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中进行展示   注意:页面刷新问题,图片能否直接显示 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐