微信小程序头像和昵称无法显示

最新推荐文章于 2023-11-23 09:34:36 发布
最新推荐文章于 2023-11-23 09:34:36 发布
阅读量2.5k 收藏 1
点赞数 3
分类专栏： java 文章标签： 微信 小程序 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wanggang130532/article/details/126929353
版权
本文介绍如何使用微信内置函数wx.getUserProfile来获取用户的昵称及头像地址。由于open-data功能已被微信官方停用，开发者需自行实现显示功能，具体方法是在JavaScript中调用wx.getUserProfile并直接使用获取的数据。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

通过微信自带函数wx.getUserProfile可获得微信用户的昵称和头像地址。

原来利用

<open-data type="userAvatarUrl"></open-data>

<open-data type="userNickName" lang="zh_CN"></open-data>

可进行显示。但是，open-data功能微信已经收回了，所以，要自己手动编写微信的显示功能，js将wx.getUserProfile获取的信息直接拿来用就可以了。

 

微信小程序获取用户头像和昵称问题的解决方案
只为分享
04-22 1064
微信小程序获取用户头像和昵称的问题可以通过多种方式解决。临时降低基础库版本虽然简单，但不是长久之计；官方提供的头像昵称填写能力存在局限性；而自行存储头像和昵称（尤其是使用云开发）是最推荐的方案，可以实现永久存储并提升用户体验。如果你对云开发不太熟悉，可以参考相关教程，例如石头哥的云开发视频。此外，关于最新版的获取头像和昵称的实现，也可以参考二手商城小程序的视频讲解。希望本文能帮助到正在面临这一问题的小程序开发者。如果有任何疑问，欢迎留言交流。
微信小程序登录 获取头像不显示
weixin_46208395的博客
04-08 6209
1.wxml <view class="container"> <view class="userinfo"> <block wx:if="{{!hasUserInfo}}"> <button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile"> 获取头像昵称 </button> </block> <block wx:else> <image b
uniapp微信小程序open-data 无法获取用户头像昵称
qq_43529068的博客
03-04 2404
官方做出调整无法再次通过 open-data 直接获取用户个人信息 https://developers.weixin.qq.com/community/develop/doc/000e881c7046a8fa1f4d464105b001?blockType=1 解决方案 <view class="userinfo" v-if="!avatarName" @click="getUserProfile"> <view class="userinfo-avatar">
微信小程序登录后，用户名显示微信用户，头像显示灰色，用户自己的头像和名称无法正常显示的问题（附解决方案）
weixin_43968782的博客
11-14 6948
微信小程序登录，用户头像和名称无法正常显示，头像显示灰色，名称显示微信用户的问题
微信小程序登录获取不到头像和昵称解决办法
最新发布
专注java二开部署
11-23 1657
在根目录App.vue中加入判断基础库是否大于2.21.2版本（大于此版本支持头像/昵称填写能力）这里有一个公共方法uploadImgs需要在/utils/util.js中添加。2.修改/pages/users/wechat_login.vue文件。（1）调整pages/users/user_info.vue文件。(3) methods中加入方法userLogin。(1) 在data中加入基础库判断，决定授权逻辑。/api/public.js 文件添加接口。（3）methods中加入方法。
微信小程序＜open-data type=“userAvatarUrl“＞真机无法获取头像问题/解决办法
一个超爱喝可乐的web前端攻城狮
05-12 6946
今天在做小程序的时候使用open-data type="userAvatarUrl"标签发现在本地开发的时候可以获取本人的头像,但是在真机上就无法显示解决办法 我们要换一种思路去处理 使用官方提供的方法 官网文档链接 wxml <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar"> <image class="avatar" src="{{a
微信小程序获取的微信头像模糊或者无法显示
weixin_43830606的博客
11-15 7307
微信小程序获取用户微信的头像，放大查看时图片是模糊不清的。这是因为在获取头像数据的时候，我们拿的不是高清图。 微信小程序开发文档的相关说明（链接）： 因为前端调用微信小程序的getUserInfo拿到的头像默认是132的，如下： https://wx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTKzerXkgVCsBxN4Sdwr2HiaE0fofFChOzCVszOians...
微信小程序如何获取用户头像和昵称
10-16
微信小程序获取用户头像和昵称是小程序开发中的常见需求，它主要涉及到微信小程序的前端页面与后端API的交互。具体的知识点包括： 1. 微信小程序基础框架介绍 首先，了解微信小程序的基础框架是非常重要的。微信小...
微信小程序头像和昵称填写示例
11-20
本示例将详细讲解如何修复微信小程序中不能获取头像和昵称的bug，并介绍新版头像昵称API的使用方法。 微信小程序提供了`wx.getUserInfo`接口来获取用户的个人信息，包括头像和昵称。但在旧版API中，这个接口的使用...
萤火商城修复2023年最新微信小程序登录头像和昵称授权
04-06
萤火商城修复2023年最新微信小程序登录头像和昵称授权。
微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现
10-14
在微信小程序开发中，获取用户的基本信息，如头像和昵称，是常见的需求。本文将详细介绍如何使用`wx.getUserInfo`接口实现这一功能。`wx.getUserInfo`接口是微信小程序提供的一种授权方式，用于在用户同意的情况下...
小程序用户头像昵称获取不到解决办法
妄想症患者的博客
11-30 4232
关于小程序用户头像昵称获取不到解决办法
**关于小程序测试版本自己的头像与数据不显示问题**
qq_31800209的博客
09-07 957
关于小程序测试版本自己的头像与数据不显示问题 今天发生了这个问题，然后记录一下： 解决方式是，因为创建者一进入是没有提示要你登录的，所以我们需要将登录之后要显示的内容去掉，简而言之就是我们需要重新登录，因为创建者不会给你吊起去登录界面。 这里是最原本的代码 <block wx:if="{{!islogin}}"> <image src='/static/personal/user.png' ></image> <!-- 显示登录按钮 -->
微信小程序无法获取用户头像和昵称，微信小程序获取昵称为微信用户，头像为灰色，请使用下面方式过去
无极低码
03-19 9245
getUserProfile(e){ wx.getUserProfile({ desc:'使用户得到更好的体验', success:(res)=>{ console.log("获取用户信息成功",res) letuser=res.userInfo wx.setStorageSync('user',user) this.setData({ user...
微信更换头像和昵称，为什么登陆小程序会出现还是获取到的之前的头像和昵称？
祎祎的博客
08-17 6538
呀呼，最近写项目时发现，如果用户在微信上面更换头像或者昵称，但是当你去登录小程序的时候，授权登录会发现，获取到的还是原来的头像和昵称，不要害怕，这是因为有大约四个小时的缓存，微信那边需要四个小时左右去更新缓存，但是如果非要较真的问，为啥要四个小时， 阿巴阿巴，这这这，我也不知道，我也是百度滴，知道的太多不好 ...
open-data获取用户头像为什么获取不到
weixin_44210750的博客
06-30 1108
open-data获取用户头像为什么获取不到 这时候就要看你有没有粗心大意了，比如我，把 <open-data type="userAvatarUrl"></open-data> 写成了 <open-data type="userAvaterUrl"></open-data> 找了半天才发现是userAvaterUrl的问题 ...
微信小程序 关于获取用户信息的一种方法：open-data
Ahua_Core的博客
10-16 1789
获取用户信息：open-dataopen-data的官方文档说明open-data的具体实例使用关于其它获取用户信息的方法 open-data的官方文档说明 以下是微信官方文档里对open-data的具体说明，大家可以根据需求自行查看了解。 open-data的具体实例使用 需求：想要获取用户的头像和昵称信息。 方法：使用open-data， 实现：查询文档，type为userAvatarUrl和userNickName时,分别表示为用户头像和用户昵称。 代码实现： <open-dat
vue项目中使用ww-open-data获取企业微信通讯录部门信息
csdnyp的博客
04-27 6252
vue项目中使用ww-open-data获取企业微信通讯录部门信息
微信小程序open-data userAvatarUrl圆角显示
Pc620的专栏
05-07 6970
微信小程序获取用户头像有两种方式： 一种是通过调用wx.getUserInfo方法，从userInfo字段中解析出avatarUrl。 另一种是通过open-data组件，直接将用户头像显示在页面指定位置。 <open-data type="userAvatarUrl"></open-data> 针对第二种方法，无法使用border-radius:50%来设置头像...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

程序员WANG

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

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

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

打赏作者

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

抵扣说明：

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

余额充值