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

getUserInfo.js

Page({data: {userInfo: {},hasUserInfo: false,canIUseGetUserProfile: false,},onLoad() {if (wx.getUserProfile) {this.setData({canIUseGetUserProfile: true})}},getUserProfile(e) {// 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认// 开发者妥善保管用户快速填写的头像昵称，避免重复弹窗wx.getUserProfile({desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写success: (res) => {this.setData({userInfo: res.userInfo,hasUserInfo: true})console.log(res.userInfo)}})},getUserInfo(e) {// 不推荐使用getUserInfo获取用户信息，预计自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息console.log(e.detail.userInfo)this.setData({userInfo: e.detail.userInfo,hasUserInfo: true,})},
})

getUserInfo.wxml

<view class="container"><view class="userinfo"><block wx:if="{{!hasUserInfo}}"><button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile"> 获取头像昵称 </button><button wx:else open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称1 </button></block><block wx:else><image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image><text class="userinfo-nickname">{{userInfo.nickName}}</text></block></view>
</view>

getUserInfo以后不弹窗用getUserProfile替代

贴上小程序官方文档

wx.getUserProfile(Object object) | 微信开放文档

微信小程序获取用户昵称和头像相关推荐

2023年最新微信小程序获取用户openid、头像昵称的填写能力和方法原生写法
大家好,下面是我身为小白分享给小白哈, 不懂就问相互学习共同进步! 亲测自用原生代码,感谢大神指点赐教鼓励勿喷: 只需9个一键复制粘贴步骤一气呵成: 先来本文最终主要实现效果: 获取微信小程序用户头像 ...
java中用户头像是怎么弄的_微信小程序获取用户openid，头像昵称信息，后台java代码...
https://blog.csdn.net/qq_39851704/article/details/79025557 首先最近正在练习微信小程序刚刚写了一个获取用户openid的代码,貌似之前的小程序 ...
微信小程序获取用户昵称中含有emoj表情，后端处理方式以及回显。
1.在做微信小程序的时候遇到了用户昵称中含有emoj表情无法入库的情况. ### Cause: java.sql.SQLException: Incorrect string value: '\xF0 ...
微信小程序获取用户昵称头像性别...『并解决获取的头像模糊问题』
上代码 <button open-type="getUserInfo" bindgetuserinfo="getUserInfomation">获取 ...
微信小程序获取用户高清头像
获取到用户头像的路径之后执行此函数, 返回值及时高清头像路径 function headimgHD(imageUrl) { console.log('原来的头像', imageUrl);imageU ...
微信小程序获取用户信息-头像、昵称......
微信小程序获取用户信息-头像.昵称等,并出现弹窗提示授权目录微信小程序获取用户信息-头像.昵称等,并出现弹窗提示授权 1.wx.getUserProfile文档 2.代码演示 3.演示过程(图示) ...
微信小程序获取用户信息
微信小程序获取用户信息微信小程序获取用户信息接口做了调整: 2021年4月28日24时后发布的小程序新版本,无法通过wx.getUserInfo与获取用户个人信息(头像.昵称.性别与地区),将直接获 ...
微信公众号/微信小程序获取用户信息以及推送微信模版消息_MQ
微信公众号/微信小程序获取用户信息以及推送微信模版消息_MQ 一.获取用户信息 1.首先我们需要了解什么是微信用户的OpenID 在关注者与公众号产生消息交互后,公众号可获得关注者的OpenID(加密 ...
微信小程序获取用户信息更新解决方案
微信小程序获取用户头像和昵称更新了,以下代码是兼容旧版本微信和新版本微信的解决方案,仅供参考直接上代码 <template><view ...

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

微信小程序获取用户昵称和头像相关推荐

最新文章

热门文章