2023年|uniapp 微信小程序获取头像和昵称又一次变动

已于 2023-12-02 12:30:19 修改
阅读量4.6k 收藏 10
点赞数 3
分类专栏： uniapp框架专业知识 文章标签： 微信小程序 uni-app 小程序
于 2023-10-31 12:30:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40808668/article/details/128840315
版权
2023年，微信小程序和uni-app获取用户头像和昵称的方式发生变化，getUserProfile() API的调整导致获取的是灰色头像。官方提供了两种解决方法：一是通过标签获取，但存在真机显示问题；二是采用官方推荐的头像昵称填写方式。详细解决方案可查阅官方文档。
摘要由CSDN通过智能技术生成

这一次仍然是getUserProfile() API，不知道官方为啥纠结这个问题。下面看看官方的说法，看完后不知道有没有人跟我一样是不是觉得他们官方程序员没活干闲着蛋疼。

微信官方公告:https://developers.weixin.qq.com/community/develop/doc/00022c683e8a80b29bed2142b56c01
在这里插入图片描述
总结：getUserProfile()以后获取的是灰色头像和微信用户昵称

文章目录

解决方法一

直接通过标签获取头像和昵称，但是我在虚拟机可以显示，真机没办法显示,此方法仅供参考

  <view class="avatar">
了解本专栏 订阅专栏 解锁全文 超级会员免费看
嚣张农民
关注
  • 3
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
uniapp 获取微信头像,转文件流并上传服务器
qq_64209130的博客
03-28 1233
临时地址转文件流并上传到服务器。
uniapp 小程序授权登录，获取用户头像昵称等信息
01-26
uniapp 小程序授权登录，获取用户头像昵称等信息，代码已经封装好，下载就能用
uniapp上传头像修改头像
最新发布
qq_59175937的博客
07-23 79
【代码】uniapp上传头像修改头像。
uniapp中微信小程序获取用户头像昵称
sunluyi的博客
07-12 1345
uniapp中微信小程序获取用户头像昵称
uniapp微信小程序最新获取昵称和头像
weixin_44705979的博客
04-15 2534
1.微信获取头像和昵称最新需要用户上传头像和手动输入昵称，否则昵称默认是微信用户，头像是灰色头像 ps（会提示使用微信头像和微信昵称）
uniapp 微信小程序 获取用户头像和昵称
热门推荐
weixin_71403100的博客
09-03 1万+
由于微信官方被收回，通过 wx.getUserInfo 接口获取用户头像将统一返回默认，昵称将统一返回 “微信用户”。如需获取用户头像昵称，可以使用「
uniapp获取微信头像和昵称的最新方法！！！
Geng_____的博客
02-17 4227
我使用的方法是通过wx.uploadFile将将临时文件下载到缓存。，当用户在此input进行输入时，键盘上方会展示微信昵称。犹豫通过获取到的微信头像是一个临时链接，无法直接进行保存。，当用户选择需要使用的头像之后，可以通过。事件回调获取到头像信息的临时路径。
uniapp微信小程序使用Echarts组件
07-28
uniapp微信小程序使用Echarts组件,使用实例 <echarts class="uni-ec-canvas" ref="echarts2" :option="option" canvasId="echarts1" id='echarts2'></echarts>
萤火商城修复2023年最新微信小程序登录头像和昵称授权
04-06
萤火商城修复2023年最新微信小程序登录头像和昵称授权。
uniapp写微信小程序，获取openId、unionId总结
06-18
用于解密unionId的js包，使用前需 npm install crypto
接口老是变！2023年微信小程序最新获取头像onChooseAvatar的方法
04-20
第一次写的资源文章： 我目前是小白，初出茅庐原生写法，相互学习，共同进步！ 小弟虚心求教，大神勿喷请多多指点赐教； 1通过onChooseAvatar绑定button事件点击获取头像返回临时头像链接； 1.1分别定义了全局和缓存了头像临时Url（因为毕竟是临时链接，后续可以传服务器生成永久链接，这样就不会失效） 1.2自动随机生成了头像的文件名（方便上传时定义了图片名称） 1.3获取了头像链接存到了缓存 在（我的个人中心）页面可取缓存同步显示用户头像 正在开始学小程序开发的朋友们后续请关注我一下， 我这边接接下来的文章会出： 2【昵称获取的方法详解】 3【获取用户code,openid,session_key的方法】 4【手机号获取和存入数据库方法】 5【根据用户openid更新数据库里用户的昵称、手机号、等信息方法】 和 原生代码分享， 也是小白刚学小程序开发的同学学习进度差不多的话， 有什么其它问题也可评论一起探讨突破，期待你的关注一起进步！ 请看下回分解，感谢支持！
uniapp之最新获取用户昵称以及头像
HQ\(^o^)/的博客
01-07 8938
在uniapp登录时候最开始想的就是手机号登录之后，就获取用户的昵称以及头像，存储起来，登录的时候直接显示在我的页面，最开始使用的是 uniapp官网自带的的方法，就可以获取用户的头像跟昵称，谁知这个方法 11月份已经收回，使用不了了，扎心官网我觉得 获取用户信息的话 还是让后端 直接返数据吧，
uniapp开发微信小程序获取用户头像、昵称和手机号一键登录（含头像持久化）
未休的博客
05-17 4042
uniapp开发微信小程序时通过button方法获取用户头像、昵称和手机号一键登录（含头像持久化）
【小程序】新版uniapp登录流程以及获取头像和昵称
weixin_44899940的博客
02-20 1万+
【小程序】新版uniapp登录流程以及获取头像和昵称 步骤一，点击登录，获取token步骤二，登录按钮隐藏，展示上传按钮步骤三，点击上传按钮步骤四上传按钮隐藏，展示一下按钮步骤五，点击输入框，获取用户昵称。
uniapp 小程序获取头像方法
u013141712的专栏
06-24 734
小程序，uve
uni-app最新获取微信头像方法getUserProfile？
m0_67393295的博客
03-01 5611
端午节豆芽在家整理关于uni-app的知识点，动手操作的时候，豆芽发现我去调用微信头像的时候，我用以前获取头像的方法，现在获取的是一个白色状态和微信用户的名称。下面先贴豆芽以前获取微信头像和微信名的代码。 <template> <view class="content"> <u-button @click="getList">点击获取当前微信信息</u-button> <text>{{userList.nickName}}</tex
最新微信小程序获取头像昵称，直接用，uniapp获取微信小程序头像昵称
Liux- 的博客
06-10 4447
微信小程序获取用户头像和昵称一个开放接口是wx.getUserInfo，2021年4月5日被废弃，原因是很多开发者在打开小程序时就通过组件方式唤起getUserInfo弹窗，如果用户点击拒绝，无法使用小程序，这种做法打断了用户正常使用小程序的流程，同时也不利于小程序获取新用户，后面新添加的一个开放接口wx.getUserProfile，也是用于获取用户头像和昵称。下面是调整公告但如果我们现在再使用类似的方法时，往往无法得到自动获取用户头像昵称的效果。
最新uniapp 微信小程序获取头像操作指南
weixin_38982591的博客
02-01 1万+
微信小程序获取头像最新方法指南
uniapp微信小程序获取头像
10-18
可以通过uniapp的uni.getUserInfo()方法获取用户信息，其中包括头像信息。具体实现步骤如下： 1. 在manifest.json文件中添加微信小程序的权限配置： ``` "mp-weixin": { "appid": "your appid", "scope": "scope.userInfo" } ``` 2. 在需要获取用户信息的页面中，调用uni.getUserInfo()方法： ``` uni.getUserInfo({ provider: 'weixin', success: function (res) { console.log(res.userInfo.avatarUrl); // 头像信息 } }); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

嚣张农民

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值