uniapp微信小程序最新登录获取头像、昵称

原创 已于 2023-05-23 14:16:54 修改 · 1.2w 阅读 · 55 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#微信小程序 #小程序

于 2023-05-23 11:58:46 首次发布

由于微信官方wx.getUserProfile 接口的回收，以后不能通过wx.getUserProfile来返回用户信息，只能自己手动获取用户头像和昵称的信息。

 针对此问题有以下解决方法：

在点击登录时用一个弹窗设置头像和昵称，如图：

 使用button设置open-type="chooseAvatar"来获取头像,至于button更多的效果，可以去uniapp官网或者微信微信开放文档去详查，当你点击button按钮时会弹出选择框让你选择自己头像或者自己设置头像，如图：

最低0.47元/天 解锁文章

200万优质内容无限畅学
Uniapp 微信小程序获取微信昵称、头像
Cxiaomu的博客
12-08 3798
因实际需求，需要本小程序支持用户修改默认的头像、用户名，其中还需支持获取微信账号的头像、昵称。原本可直接获取昵称、头像的 wx.getUserInfo与 open-type=“getUserInfo” 获取用户个人信息（头像、昵称、性别与地区），权限已经被微信收回。具体可查看微信官方文档，但是微信单独提供了接口来支持替换此功能为了页面显示效果和功能实现，需要使用 button包裹住头像，button 配置 相关属性，chooseavatar 内接收、处理图片路径。
uniapp 微信小程序 获取用户头像和昵称
热门推荐
weixin_71403100的博客
09-03 1万+
由于微信官方被收回，通过 wx.getUserInfo 接口获取用户头像将统一返回默认，昵称将统一返回 “微信用户”。如需获取用户头像昵称，可以使用「
【小程序】新版uniapp登录流程以及获取头像和昵称
coldriversnow的专栏
03-10 3485
获取头像主要是设置按钮属性open-type="chooseAvatar" ，并通过@chooseavatar获取图片。注意，微信开发者工具的原生点击获取昵称，无法采用获取dom的方法去实时刷新data里的数据，采用真机调试去input事件赋值！微信小程序获取用户头像、昵称是比较常见的需求，之前是授权一键获取，后面官方改成分别获取了，在这里记录一下其用法。步骤二，登录按钮隐藏，展示上传按钮。步骤一，点击登录，获取token。步骤四上传按钮隐藏，展示一下按钮。步骤五，点击输入框，获取用户昵称。
获取微信昵称的方法
最新发布
2501_92289558的博客
06-22 986
在不同的开发场景下，获取微信昵称的方式有所不同。以下将分别介绍在 uni-app 和 Spring Boot 开发场景中获取微信昵称的具体方法。
uniapp用户登录及获取用户信息（头像昵称）
m0_60676278的博客
03-26 1113
【代码】uniapp用户登录及获取用户信息（头像昵称）
微信小程序（uniapp）获取微信昵称和头像
Rocky_Time的博客
04-24 3527
通过本文的介绍，我们学会了如何在uni-app中获取微信用户的昵称和头像。配置权限描述。使用接口获取用户信息。在页面中展示用户信息。希望本文能帮助你快速实现这一功能。如果你还有其他问题，欢迎在评论区留言！
uniapp开发微信小程序获取用户头像、昵称和手机号一键登录（含头像持久化）
未休的博客
05-17 1万+
uniapp开发微信小程序时通过button方法获取用户头像、昵称和手机号一键登录（含头像持久化）
uniapp获取微信头像和昵称
吕小威的博客
09-10 7786
<view class="userInformation"> <!-- 用户自定义头像 --> <view class="userPortrait"> <image :src="yonghuwx.avatarUrl" mode="widthFix"></image> </view> <view class="userLook" > <!-- 用户自定义名字 --> <
【uni-app】微信小程序获取用户头像、昵称
cjsnyxz的博客
12-10 3395
微信小程序获取用户头像、昵称是比较常见的需求，之前是授权一键获取，后面官方改成分别获取了，在这里记录一下其用法。技术栈：uni-app、Vue3（3.4.21）、TypeScript（4.9.5）、wot-design-uni（1.2.26）、UnoCSS（0.58.9）
微信小程序（总结二）：uniapp开发，获取微信用户头像、昵称（最新）
qq_45796592的博客
02-02 3710
微信小程序获取微信用户头像、昵称
uniapp开发微信小程序获取头像（使用头像和昵称填写能力）
weixin_62639453的博客
08-08 1725
如果使用老版一点的弹起授权框进行授权获取头像和昵称的话，会由于基础库版本问题，显示不了，并且这个接口存在调整问题，不是很好搞！目前，我暂时采用这种方式，并且这个方式在真机调试中可以正常使用，所以我就先采用了这种方式。
uniapp 小程序授权登录，获取用户头像昵称等信息
01-26
uniapp 小程序授权登录，获取用户头像昵称等信息，代码已经封装好，下载就能用
uniapp微信小程序获取微信头像和微信昵称登录弹窗
zjqjy0911的博客
07-27 646
【代码】uniapp微信小程序获取微信头像和微信昵称登录弹窗。
新版uniapp微信小程序授权登录，获取用户信息手机号
JaneYork的博客
07-13 2373
从一开始的getUserInfo改成getUserProfile，再改到直接不能获取信息了，那这个接口还有什么用，根本就没调用必要，直接wx.login拿个code登陆就完事了。其次，如果需要绑定手机号，可以根据标识，后续提示引导用户需要绑定手机号。或者点击按钮微信授权手机号【需要马内】：​​​​​。​​ 但是可以通过wx.login直接获取到openid， 微信小程序获取头像填写，昵称填写 ​​。【不推荐】uniapp一键登录，获取手机号+ unicloud云函数，需要马内： ​​。
2024最新uniapp_微信小程序_微信授权登录获取微信头像和微信昵称
apple_70049717的博客
04-18 3399
这样就可以了，拿到值传给后端就可以了。
uniapp获取微信头像和昵称的最新方法！！！
Geng_____的博客
02-17 5478
我使用的方法是通过wx.uploadFile将将临时文件下载到缓存。，当用户在此input进行输入时，键盘上方会展示微信昵称。犹豫通过获取到的微信头像是一个临时链接，无法直接进行保存。，当用户选择需要使用的头像之后，可以通过。事件回调获取到头像信息的临时路径。
HBuilderX(uniapp)实现微信小程序获取用户头像、昵称、授权登录、获取用户手机号
monkeier的博客
11-14 1万+
微信文档写的零零散散的，网上搜的教程，23年的教程还在教22年改版之前的东西，导致踩坑无数，所以自己写一下文档记录一下，帮助后来者，记录于2024.11.14一.获取用户头像和昵称首先阅读微信小程序官方文档，wx.getUserInfo接口。
Uniapp 微信小程序 最新 获取用户头像 和 昵称 方法 有效可用
weixin_54372875的博客
09-25 3326
同事有个需求 授权获取用户头像 和 昵称。之前做过线上小程序发版上线流程 就实现了下 最新的方法和 api 有些变化 记录下。
uniapp微信小程序怎么获取用户头像昵称
10-31
需要注意的是，自2022年10月25日24时后，小程序wx.getUserProfile接口将被收回，通过wx.getUserProfile接口获取用户头像将统一返回默认灰色头像，昵称将统一返回“微信用户”。而通过wx.getUserInfo接口获取用户昵称...
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值