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

news/2024/11/28 3:45:38/

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

之前是使用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)}})},

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


http://www.ppmy.cn/news/629173.html

相关文章

Python 开发+爬虫+测试所有框架集合

文章目录 系列文章目录前言一、pandas是什么&#xff1f;二、使用步骤 1.引入库2.读入数据总结 前言 提示&#xff1a;这里可以添加本文要记录的大概内容&#xff1a; 例如&#xff1a;随着人工智能的不断发展&#xff0c;机器学习这门技术也越来越重要&#xff0c;很多人都开…

小程序如何获取用户名和头像?

微信小程序获取头像的基本方法是调用小程序自带的API wx.getUserProfile(),这也是小程序官方目前最推荐的做法。 但是为了避免用户感到自己的隐私被自动调取&#xff0c;小程序要求调用 getUserProfile() 必须是用户主动点击请求才可以&#xff0c;因此可以在前端设置一个弹窗…

微信小程序用户头像昵称获取规则

学习了一下写小程序&#xff0c;随手记录一下&#xff0c;就当提醒自己不要半途而废。 2022年10月底起&#xff0c;基础库2.27.1以上版本的小程序已无法直接通过授权获取用户的头像和昵称。b站的很多教程使用的仍是wx.getUserInfo或wx.getUserProfile接口授权获取用户信息&…

微信小程序获取昵称,头像

微信小程序wx.getUserProfile方法被收回 使用 头像昵称填写能力 开发 获取头像 <button class"avatar-wrapper" open-type"chooseAvatar" bind:chooseavatar"onChooseAvatar"><image class"avatar" src"{{avatarUrl}}…

微信小程序获取获取头像昵称

小程序获取头像昵称之前可以通过以下代码可以实现2022年2月21日24时起小程序回收&#xff0c;目前已经停用。 小程序用户信息相关接口调整公告链接如下 https://developers.weixin.qq.com/community/develop/doc/000e881c7046a8fa1f4d464105b001 <!-- 拉取用户名称 -->…

微信小程序获取用户头像和昵称

代码user.wxml&#xff1a; <view > <view><image class"avatar" src{{userInfo.avatarUrl}}></image><view class"nickname">{{userInfo.nickName}}</view> </view> </view> user.js //sort.js //獲取應…

微信小程序获取头像昵称 保存头像到服务器

微信官方推荐的替代做法&#xff1a;头像昵称填写 | 微信开放文档 (qq.com) wxml <button class"avatar" open-type"chooseAvatar" bind:chooseavatar"onChooseAvatar"><image src"{{avatarUrl}}"></image> </b…

通过QQ号获取QQ头像、昵称以及空间头像

前言 有时候设置了QQ头像之后&#xff0c;想获取自己的QQ头像却不知道怎么办&#xff0c;于是就有了下面的方法&#xff0c;从网上找了一堆方法&#xff0c;发现有几个是可用的&#xff0c;特此记录一下。 QQ头像 http://q1.qlogo.cn/g?bqq&nk945794520&s100http://q1…