微信小程序获取用户头像和昵称一个开放接口是wx.getUserInfo，2021年4月5日被废弃，原因是很多开发者在打开小程序时就通过组件方式唤起getUserInfo弹窗，如果用户点击拒绝，无法使用小程序，这种做法打断了用户正常使用小程序的流程，同时也不利于小程序获取新用户，后面新添加的一个开放接口wx.getUserProfile，也是用于获取用户头像和昵称。 下面是调整公告 但如果我们现在再使用类似的方法时，往往无法得到自动获取用户头像昵称的效果。微信小程序开发现已不支持使用wx.getUserProfile 接口获取用户头像,同时也无法使用wx.getUserInfo 接口获取用户头像和昵称，因此在使用微信小程序获取头像昵称时，可能出现模拟器中成功但真机调试无法获取头像昵称的情况。

那么我们怎么获取呢？这时候就需要我们让用户自己手动授权微信头像昵称。

解决方案

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

用户可以选择微信头像，可以选择相册或者拍照。这里我给了默认头像。

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

昵称：

placeholder="请输入昵称" @input="bindinput" />

当用户获取输入框焦点的的时候，下方会弹出微信昵称，点击直接改变输入框内容，也可以自定义，这里我给了默认2到6个汉字。

因为我们获取到的头像地址是临时地址，所以拿到地址以后我们要将图片上传到自己的服务器上面。

下面是总体界面，界面可以自己随便改，最主要的就是button组件和input组件的type值

最后的最后，干货来了，直接贴代码，拿上直接用，只需要改一下图片上传地址就行。

好文阅读

评论可见，请评论后查看内容，谢谢！！！评论后请刷新页面。