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

news/2024/11/28 6:50:19/

小程序获取头像昵称之前可以通过以下代码可以实现2022年2月21日24时起小程序回收,目前已经停用

小程序用户信息相关接口调整公告链接如下

https://developers.weixin.qq.com/community/develop/doc/000e881c7046a8fa1f4d464105b001

   <!-- 拉取用户名称 --><open-data type="userNickName"></open-data><!-- 拉取用户头像 --><open-data type="userAvatarUrl"></open-data>

新版本需要通过头像昵称填写获取放下代码如下

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

昵称填写:需要将 input 组件 type 的值设置为 nickname,当用户在此 input 进行输入时,键盘上方会展示微信昵称。

微信小程序头像昵称填写官方文档如下:

https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/userProfile.html

<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar"><image class="avatar" src="{{avatarUrl}}"></image>
</button> 
<input type="nickname" class="weui-input" placeholder="请输入昵称"/>
const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'Page({data: {avatarUrl: defaultAvatarUrl,},onChooseAvatar(e) {const { avatarUrl } = e.detail this.setData({avatarUrl,})}
})


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

相关文章

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

代码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…

微信小程序最新获取头像和昵称的方法 直接用!

调整背景 微信小程序获取用户头像和昵称一个开放接口是wx.getUserInfo&#xff0c;2021年4月5日被废弃&#xff0c;原因是很多开发者在打开小程序时就通过组件方式唤起getUserInfo弹窗&#xff0c;如果用户点击拒绝&#xff0c;无法使用小程序&#xff0c;这种做法打断了用户正…

微信小程序获取用户头像和昵称(填写头像昵称能力)

开放能力调整公告 总体来说就是通过按钮来授权获取用户基础信息的能力都没啦&#xff08;wx.getUserProfile&#xff0c;wx.getUserInfo都不行了&#xff09;&#xff0c;都要使用新版本的 【头像昵称填写能力】啦。小程序用户头像昵称获取规则调整公告 获取头像 获取头像代码…

关于微信小程序获取头像和昵称

不知道为什么微信一直对开发者获取&#xff1a;微信头像微信昵称。一直抱以限制态度&#xff0c;关于接口调用方法&#xff0c;也是一直在修改&#xff01; open-type“getUserInfo” 在2021年4月13日停用 wx.getUserInfo 在2021年4月28日停用 wx.getUserProfile 在2022年11月8…

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

微信小程序获取头像昵称问题解决 文章目录 微信小程序获取头像昵称问题解决前言和传统方法问题描述解决方案实现效果 前言和传统方法 微信小程序是一种基于微信开发平台的轻应用&#xff0c;用户可以通过微信扫码、搜索等方式进入小程序并使用。在小程序中&#xff0c;获取用户…

微信小程序获取用户头像和昵称(头像昵称填写能力)

开放能力调整公告 总体来说就是通过按钮来授权获取用户基础信息的能力都没啦&#xff08;wx.getUserProfile&#xff0c;wx.getUserInfo都不行了&#xff09;&#xff0c;都要使用新版本的 【头像昵称填写能力】啦。 小程序用户头像昵称获取规则调整公告 获取头像 获取头像代…