微信小程序获取头像open-type=“chooseAvatar“ bind:chooseavatar方法

Posted 2023-04-01 林烈涛

微信一直对获取头像和昵称一直很执着。抛弃了3个

open-type=“getUserInfo” 在2021年4月13日停用
wx.getUserInfo 在2021年4月28日停用
wx.getUserProfile 在2022年11月8日停用

现在用 open-type=“chooseAvatar”

• 要求版本 2.24.4以上
• 头像与昵称是分开
• 获取到头像路径是临时的

使用方法
wxml

<!--获取头像-->
<button open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar"></button> 
<!--获取昵称-->
<input type="nickname" class="weui-input" placeholder="请输入昵称"/>

js

onChooseAvatar(e) 
    console.log(e.detail.avatarUrl)
  

头像选择

昵称也是一样，用户点击，在键盘选择昵称，或可以自己输入

总结：

个人建议你们放弃微信头像。理由：

• 1、首先用户多一个选择操作，体验不佳
• 2、获取到头像路径是临时路径，开发者需要把整个图片存放在自己服务器上，不然下次又要选择一次
• 3、由于头像客户可以随意选择，所以没有好的识别作用

最后问大家一个问题，我们获取微信头像目的是什么？用户都可以随意选择自己其它图片做为头像，完全没有社交功能，所以最后还是推荐大家以后不用考虑头像问题了