开放能力 /用户信息 /获取头像昵称

头像昵称填写

从基础库 2.21.2 开始支持

当小程序需要让用户完善个人资料时，可以通过微信提供的头像昵称填写能力快速完善。

使用方法

头像选择

需要将 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="请输入昵称"/>

把上面的修改为

     <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},}

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

uniapp onChooseAvatar,uniapp微信头像昵称填写，uniapp chooseAvatar，does not have a method “onChooseAvatar“相关推荐

小程序用户头像昵称，微信头像昵称填写onChooseAvatar（2022最佳实践uniapp和原生）
官方调整公告小程序用户头像昵称获取规则调整公告解决方案1 如有必要场景需收集用户头像昵称,可在个人中心或设置等页面让用户完善个人资料解决方案二(官方) 微信头像昵称填写使用方法头像选择需要 ...
小程序用户头像昵称，微信头像昵称填写能力 uniapp和原生小程序
官方调整公告链接:小程序用户头像昵称获取规则调整公告 | 微信开放社区使用方法头像选择需要将 button 组件 open-type 的值设置为 chooseAvatar,当用户选择需要使用的头 ...
微信小程序获取用户信息（getUserProfile接口回收后）——通过头像昵称填写获取用户头像和昵称
背景:最近在用uniapp写微信小程序授权登录的时候,发现项目在微信开发者工具中调试是正常的,但是在真机运行时,返回的用户数据中昵称变成了微信用户,头像变成了默认的灰底头像.接着去百度了一下发现出现这 ...
微信小程序头像昵称填写能力
1.基本介绍微信小程序获取头像昵称的能力,最近又进行了一次调整,如果没有记错这是今年第三次调整了,每次调整每个开发者心中我相信都跟我一样,万马奔腾...今天写个demo体验下实际效果如何. 详细信息 ...
微信小程序头像昵称填写功能
自 2022 年 10 月 25 日 24 时后(以下统称 "生效期" ),用户头像昵称获取规则将进行如下调整: 自生效期起,小程序 wx.getUserProfile 接口将被收 ...
微信小程序获取用户头像和昵称(头像昵称填写能力)
开放能力调整公告总体来说就是通过按钮来授权获取用户基础信息的能力都没啦(wx.getUserProfile,wx.getUserInfo都不行了),都要使用新版本的 [头像昵称填写能力]啦. 小程序 ...
微信小程序授权获取头像昵称的最新形式——头像昵称填写
微信小程序授权用户信息,不知道有没有人像我一样,从wx.getUserInfo到wx.getUserProfile再到头像昵称填写获取用户头像昵称全部尝试了一遍,怪就怪自己一开始没仔细看官方文档,没注 ...
微信小程序_头像昵称填写
头像昵称填写前言从基础库 2.21.2 开始支持当小程序需要让用户完善个人资料时,可以通过微信提供的头像昵称填写能力快速完善. 根据相关法律法规,为确保信息安全,由用户上传的图片.昵称等信息微信 ...
小程序【头像昵称填写能力】使用
小程序 [头像昵称填写能力]使用引言 [头像昵称填写能力]使用方法页面使用到的封装方法 asyncWx.js 文件 replace.js 文件注意引言由于小程序在不久之后将对 getUser ...

uniapp onChooseAvatar,uniapp微信头像昵称填写，uniapp chooseAvatar，does not have a method “onChooseAvatar“

头像昵称填写

使用方法

头像选择

代码示例

uniapp onChooseAvatar,uniapp微信头像昵称填写，uniapp chooseAvatar，does not have a method “onChooseAvatar“相关推荐

最新文章

热门文章