小程序用户头像昵称，微信头像昵称填写onChooseAvatar（2022最佳实践uniapp和原生）

官方调整公告

小程序用户头像昵称获取规则调整公告

解决方案1

如有必要场景需收集用户头像昵称，可在个人中心或设置等页面让用户完善个人资料

解决方案二（官方）

微信头像昵称填写

使用方法

头像选择

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

代码示例

<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar"><image class="avatar" src="{{avatarUrl}}"></image>
</button>
<input type="nickname" class="weui-input" placeholder="请输入昵称"/>

uniapp代码示例

     <button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar"><image class="avatar" :src="avatarUrl"></image></button><input type="nickname" class="weui-input" placeholder="请输入昵称" />

     data() {return {avatarUrl: 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0',}},methods: {onChooseAvatar(e) {this.avatarUrl = e.detail.avatarUrl},}

注意

头像在微信开发工具有效果，昵称在真机才有效果

小程序用户头像昵称，微信头像昵称填写onChooseAvatar（2022最佳实践uniapp和原生）相关推荐

asp获取微信小程序用户手机号,asp微信小程序手机号获取,微信小程序手机号asp获取方法
今天搞的这个项目里需要用到asp获取小程序用户的手机号,在网上找了下资源,一个也没有找到,难道用asp获取不到微信小程序用户的手机号码吗?非也,经过一系列操作,成功了,asp照样可以获取小程序用户的手 ...
微信小程序个人订单，微信头像用户名信息获取页面
这里先做一个简单的展示,这个页面是我参加比赛做的小程序,分享给大家,不是很好看哈哈哈哈话不多说,先上代码.首先是前端页面 .wxml  <vie ...
圆头像微信小程序绘图_小程序canvas绘制圆形微信头像
提示:canvas画布绘画图片的时候,图片不能是互联网图片,必需是本地图片才可以正常绘制. 第一步:获取客户受权,下载微信头像图片到本地.pleaseSign: function(event) { w ...
uniapp小程序painter绘制海报微信头像空白；背景图模糊问题
一.头像空白问题网络图片真机显示空白请检查微信公众平台服务器域名里面的安全域名有没有添加微信头像显示空白请添加 https://thirdwx.qlogo.cn; 添加域名后重新启动项目就可 ...
php获取微信小程序用户头像,微信小程序获取用户头像+昵称+openid，小程序登录！附前端后端源码！...
做一款小程序,如果需要判断用户,当然要获取一些基本信息,例如头像,昵称,openid.所以本次案例就直接上代码了. 小程序前端 index.wxml 获取头像昵称 {{userInfo.nickNam ...
小程序用户头像昵称获取规则调整公告及微信小程序基础库的问题
更新时间:2022年11月9日由于 PC/macOS 平台「头像昵称填写能力」存在兼容性问题,对于来自低于2.27.1版本的访问,小程序通过 wx.getUserProfile 接口将正常返回用户头 ...
微信小程序用户头像昵称获取规则
学习了一下写小程序,随手记录一下,就当提醒自己不要半途而废. 2022年10月底起,基础库2.27.1以上版本的小程序已无法直接通过授权获取用户的头像和昵称.b站的很多教程使用的仍是wx.getUse ...
微信小程序又双叕改获取用户头像昵称的规则了，微信小程序如何去最新获取头像昵称
就最近在写微信小程序项目的时候,发现微信又双叕更改获取用户头像昵称的规则了,我连wx.getUserProfile都还没用上,一直还停留在wx.getUserInfo的阶段,结果告诉我,又改规则了,一 ...
小程序用户头像昵称，微信头像昵称填写能力 uniapp和原生小程序
官方调整公告链接:小程序用户头像昵称获取规则调整公告 | 微信开放社区使用方法头像选择需要将 button 组件 open-type 的值设置为 chooseAvatar,当用户选择需要使用的头 ...

小程序用户头像昵称，微信头像昵称填写onChooseAvatar（2022最佳实践uniapp和原生）

官方调整公告

解决方案1

解决方案二（官方）

使用方法

头像选择

代码示例

uniapp代码示例

注意

小程序用户头像昵称，微信头像昵称填写onChooseAvatar（2022最佳实践uniapp和原生）相关推荐

最新文章

热门文章