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

news/2024/11/28 6:38:54/

微信小程序wx.getUserProfile方法被收回

使用 头像昵称填写能力 开发
获取头像

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

获取昵称:
尝试过绑定事件bind:change,在模拟器上可以获取到数据,但是在真机上不行,
参考官方给出的方案是使用通过 form 中form-type 为submit 的button 组件收集用户输入的内容。
代码如下:

<form catchsubmit="formSubmit"><input name="nickname" type="nickname" class="weui-input" placeholder="点击获取微信昵称" /><button class="btn" type="primary" formType="submit">确定</button>
</form>formSubmit(e) {const data = e.detail.valuethis.setData({nickname: data.nickname // 昵称})},

效果图如下:
在这里插入图片描述


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

相关文章

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

小程序获取头像昵称之前可以通过以下代码可以实现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…

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

调整背景 微信小程序获取用户头像和昵称一个开放接口是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;获取用户…