微信小程序最新获取头像以及昵称方法

微信小程序最新获取头像信息

之前是使用open-dada获取微信头像和昵称，但是后面由于官网更新，此方法被收回了，所以不能使用此方法了。
之前方法代码：

<open-data type="userAvatarUrl></open>

所以我们需要从新写了。现在使用wx.getUserProfile这个API获取头像和昵称即可，页面产生点击事件后才可调用（比如Button 上的bind:tap的回调), 用户同意之后返回userInfo,之后即可使用信息。
当然也可以查看官方文档进行改写。
上代码吧
wxml文件：

<view class="container"><image class="bgPic" src="{{bgPic}}"></image>
</view>
<button class="weui-btn" bind:tap="getUserProfile">使用头像</button>

js文件：

/*** 页面的初始数据*/data: {bgPic: null},

主要是下面这个方法

getUserProfile(){wx.getUserProfile({desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写success: (res) => {console.log("获取用户信息成功", res)let user = res.userInfo;  //我因为需求用了，但实际上不需要app.globalData.userInfo = res.userInfo; //同上wx.setStorageSync('user', user)  //同上this.setData({isShowUserName: true,  //同上userInfo: user, //同上bgPic: res.userInfo.avatarUrl,  //主要是这句话有作用}); this.assignPicChoosed();  //这个方法也是我需要的，实际上 也不需要},fail: res => {console.log("获取用户信息失败", res)}})},

之后点击按钮并且同意即可，头像即可展示出来。如果需要昵称只需要加一个属性即可。
当然，如果需要获取一次之后一直可以用，就需要将数据放在内存中了，这里就不再细说了。欧克，获取基本信息就可以了。

微信小程序最新获取头像以及昵称方法相关推荐

微信小程序最新获取头像和昵称的方法直接用！
调整背景微信小程序获取用户头像和昵称一个开放接口是wx.getUserInfo,2021年4月5日被废弃,原因是很多开发者在打开小程序时就通过组件方式唤起getUserInfo弹窗,如果用户点击拒绝 ...
小程序最新获取头像和昵称
1.需求:获取头像和昵称以前的获取头像和昵称的方法 open-type="getUserInfo" 在2021年4月13日停用 wx.getUserInfo 在2021年4月28 ...
微信小程序最新获取头像昵称方式
前言版本历史变迁一.获取头像的正确姿势二.获取昵称的正确姿势总结前言产品需要获取微信用户的昵称和头像. 这这还不简单,so easy! 通过wx.getUserProfile或者 wx.g ...
修复微信小程序不能获取头像和昵称的bug，微信小程序新版头像昵称API使用
导读: 大厂程序员都是有KPI绩效考核的,所以他们不能闲着,每天要想着怎么优化程序代码.怎么满足奇葩用户的需求,所以苦逼了我们这些小公司程序员,微信一个小小的API接口改动,可能就让一个小公司因此损失 ...
微信小程序上传头像和昵称持久化保存
微信小程序上传头像和昵称持久化保存 1. 持久化步骤因为通过微信头像昵称填写功能获取到头像是一个临时头像,这个url只能一段时间内在微信访问,并且无法在公网访问这个url.所以非常有必要把这个url ...
微信小程序——最新获取用户昵称和头像的方法总结
前段时间微信小程序对获取用户昵称和头像方法进行了更新,网上很多的文章都已经不适用了,这里简单总结一下首先,传统接口wx.getUserInfo的效果会弹出一个给用户的弹窗,需要用户授权,经过测试传统 ...
微信小程序授权获取头像昵称的最新形式——头像昵称填写
微信小程序授权用户信息,不知道有没有人像我一样,从wx.getUserInfo到wx.getUserProfile再到头像昵称填写获取用户头像昵称全部尝试了一遍,怪就怪自己一开始没仔细看官方文档,没注 ...
微信小程序最新用户头像昵称获取规则调整应对措施（2022）
目录一.调整二.应对措施 2.1 更新头像 2.2 更新昵称三.完整代码一.调整小程序用户头像昵称获取规则调整公告以前通过wx.getUserProfile获取用户信息,用户点击同意以后, ...
uniapp微信小程序最新获取昵称和头像
1.微信获取头像和昵称最新需要用户上传头像和手动输入昵称ps(会提示使用微信头像和微信昵称) <template><view><view class="cx_c ...

微信小程序最新获取头像以及昵称方法

微信小程序最新获取头像信息

微信小程序最新获取头像以及昵称方法相关推荐

最新文章

热门文章