uniapp获取微信头像和昵称的最新方法!!!

1、小程序用户头像昵称获取规则调整公告

在这里插入图片描述
在这里插入图片描述

2、新的头像昵称快速填写功能

头像填写

需要将 button 组件 open-type 的值设置为 chooseAvatar,当用户选择需要使用的头像之后,可以通过 bindchooseavatar 事件回调获取到头像信息的临时路径。

<button type="balanced" open-type="chooseAvatar" @chooseavatar="onChooseavatar">
   <image :src='newAvatar ? newAvatar : userInfo.avatar'></image>
</button>

昵称填写

需要将 input 组件 type 的值设置为 nickname,当用户在此input进行输入时,键盘上方会展示微信昵称。

<view class='input'><input type='nickname' name='nickname' :value='userInfo.nickname' placeholder="请输入昵称"></input>

3、如何将获取到的微信头像进行保存

犹豫通过获取到的微信头像是一个临时链接,无法直接进行保存。
我使用的方法是通过wx.uploadFile将将临时文件下载到缓存

wx.uploadFile({
	filePath: e.detail.avatarUrl,
	name: 'multipart',
	url://服务器端接收图片的路径 , 
	success: function(res) {
		// 拿到一个服务器地址,永久地址
		// JSON 解析,将JSON字符串解析为JSON对象
		const resObj = JSON.parse(res.data);
		// 拿到一个服务器地址,永久地址
		console.log(resObj.data.url); //发送成功回调
		//将永久地址存到 newAvatar 进行显示和存储信息
		that.newAvatar = resObj.data.url;
	},
	fail: function(res) {
		console.log(res); //发送失败回调,可以在这里了解失败原因
	}
})
```
  • 14
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值