uniapp开发小程序实现-获取/修改头像昵称（一）

已于 2024-03-10 16:24:13 修改
阅读量1.2k 收藏 2
点赞数 5
分类专栏： 包教会专栏 文章标签： uni-app 小程序
于 2024-03-09 23:10:21 首次发布
分享的越多，得到的越多。 记录的越多，忘记的越少。----故里2130
本文链接：https://blog.csdn.net/u012563853/article/details/136591643
版权
本文介绍了使用uni-app开发小程序获取和修改头像昵称的步骤，包括创建空项目、查阅官方文档、实现uni.login和wx.getUserProfile方法、设置AppID、调试基础库的选择以及解决真机运行问题。提供了源码下载链接和关键参考资料。
摘要由CSDN通过智能技术生成

一共3篇文章，共同描述，看序号进行寻找。

先看效果图，真机效果

1.点击获取头像昵称按钮

2.出现了头像和昵称 

3.可以点击上面的“使用其他头像和昵称” 进行重新修改头像和昵称

4.登录成功，显示昵称和头像

一，建立一个运行的空项目

了解本专栏 订阅专栏 解锁全文 超级会员免费看
故里2130
关注
专栏目录
订阅专栏
小程序新版获取用户头像、昵称调整方案
商务合作 / 项目定制 / 学习交流。个人vx：lovely_wml
07-05 4642
自生效期起，小程序 wx.getUserProfile 接口将被收回：生效期后发布的小程序新版本，通过 wx.getUserProfile 接口获取用户头像将统一返回默认灰色头像，昵称将统一返回 “微信用户”。生效期前发布的小程序版本不受影响，但如果要进行版本更新则需要进行适配。
uniapp 小程序授权登录 获取微信头像昵称
qq_61869009的博客
05-17 1503
以前小程序通过uni.getUserInfo可以直接拿到微信用户的头像和昵称，不过现在更改了。
uniapp微信小程序——微信授权登录并获得头像
Lyy_ID的博客
08-01 1082
在做微信小程序时，不可避免需要调取用户的身份，那么就要用到微信官方的授权码去换用户信息。用户点击登录——同意微信授权——通过uni.getUserProfile获得用户的code——将code传递给后端，后端携带code请求微信官方接口获得用户信息返回。
uniapp 微信小程序头像昵称修改
m0_70716007的博客
03-28 645
uniapp 微信小程序头像昵称修改
uniapp开发微信小程序获取用户头像、昵称和手机号一键登录（含头像持久化）
未休的博客
05-17 4915
uniapp开发微信小程序时通过button方法获取用户头像、昵称和手机号一键登录（含头像持久化）
uniapp 更改用户头像
weixin_51772991的博客
04-13 784
【代码】uniapp 更改用户头像。
小程序获取用户昵称头像调整记录
江拥羡橙的博客
07-03 734
不得不说，真的是面向公告编程 一言难尽，小程序开发者的无奈…
uniapp修改头像，选择图片
weixin_62639453的博客
03-17 970
uniapp修改头像，选择图片。
uniapp 小程序授权登录，获取用户头像昵称等信息
01-26
uniapp 小程序授权登录，获取用户头像昵称等信息，代码已经封装好，下载就能用
uniapp开发小程序实现-获取微信账号（三）
故里2130
03-10 1064
还有这个方法：getUserProfile()，就不一一吐槽了，原因就是上面的说的，被收回了，所以，你之前学会的方法，现在已经不适用了。5.当你把3篇文章都看完了后，就彻底明白了，这玩意儿还是挺复杂的，没错，是挺复杂，我们只要微信登录，居然要访问这么多接口才行。效果图，这是后端返回微信的信息，这也是最重要的，突然一看，感觉不是自己要的，后面进行展开说明。这里有些废弃的用法，坑有点多，并且文档说的和返回的都不一样。一共就这么多参数，就可以进行下一步业务逻辑的展开了。一共3篇文章，共同描述，看序号进行寻找。
uniapp小程序更换头像
weixin_47101840的博客
09-10 3704
1.点击头像调起本地相册选择图片或使用相机拍照 uni.chooseImage({ // 从本地相册选择图片或使用相机拍照。 count: 1,//默认选择1张图片 sizeType: ['original', 'compressed'],//original 原图，compressed 压缩图，默认二者都有 success: (res)=> { console.log(res.tempFilePaths[0]);//成功则返回图片的本地文件路径列表 tempFilePaths thi
uniapp 实现微信小程序 获取用户头像 电话号码 昵称
Little___Turtle的博客
04-25 2191
效果图 获取数据前： 获取数据时： 获取数据后： 微信参数提供 前提: 微信认证通过 要不然没有权限获取手机号（付费 0.03一次） 参考文档 获取头像和昵称： 1.小程序用户头像昵称获取规则调整公告 | 微信开放社区 (qq.com) 2.开放能力 / 用户信息 / 获取头像昵称 (qq.com) 获取手机号 ： 1.开放能力 / 用户信息 / 手机号快速验证组件 (qq.com) 2.用户信息 / 手机号 / 手机号快速验证 (qq.com) 3.接口调用凭证 / 获取接口调用凭据 (qq.c
Uniapp登录页面获取头像、昵称的最新方法的简单使用
亿维数组's博客
02-01 1702
本文介绍Uniapp登录页面获取头像、昵称的最新方法的简单使用
uniapp APP用户修改头像(上传到OSS)
weixin_45435854的博客
07-16 2648
uniapp APP用户修改头像(上传到OSS) 点击头像进行修改头像 **点击头像跳转到新的页面**（先判断用户是否登陆），选择图片，确认上传。 <image class="portrait" :src="headimg ||imagUrl('../../../static/missing-face.png')" @click="navtophoto()"></image> **此页面结构如图**（kps-image-cutter为剪切图片插件）： **选择图片:**
基于uniapp简单的（个人页面+个人资料页面）+实现（修改昵称+修改简介+修改背景图片+修改头像）功能
sakura momoko的博客
07-12 1175
基于uniapp简单的（个人页面+个人资料页面）+实现（修改昵称+修改简介+修改背景图片+修改头像）功能
[uni-app] 微信小程序 如何修改替换头像
q1ngqingsky的博客
10-24 4414
通过上传接口拿到图片的路径或者跟图片有关的值，再根据这个值调取后端接口拿到base64字符串 【最后还是要看后端开发要怎么设计了，说白了都是从接口里拿到想要的值。在写这块的业务处理逻辑时，个人时感觉某些接口还是有多余设计成分在里面的，此时还是要多根跟后端开发好好商量设计下如何解决才更高效！，方法执行成功后根据success中返回的图片的本地文件路径列表 tempFilePaths，做操作。如下图所示，微信小程序中涉及到修改头像的交互。2.从本地相册选择图片或使用相机拍照。以上完成了头像的修改。
关于微信小程序用户头像昵称获取规则调整后的头像昵称获取方式
不怕麻烦的鹿丸的博客
06-30 1782
点击登录按钮，先去检查用户授权信息，会弹出用户授权弹窗（首次），用户点击同意授权之后，调用 wx.login 方法获取登录凭证（code），把code传给后端写的登录接口进行解析登录，这时候用户的头像和昵称可以根据具体项目的需求自己传一个默认的头像图片和昵称给后端登录接口进行初始化。，点击之后可以从bindchooseavatar回调中获取到用户头像信息。之后我们就可以把获取到的微信头像和昵称通过后端接口保存到用户信息里。昵称输入键盘，直接获取到昵称填写进去。
uniapp登录获取微信头像和昵称（头像昵称填写能力方法）
最新发布
m0_62626838的博客
08-01 382
3、但这里有一个bug，uniapp官方暂时未解决，当用户取消选择头像时会报渲染层错误。（但不影响功能实现）2、使用uniapp的头像昵称填写能力功能。1、微信头像获取效果图。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

故里2130

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

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

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

打赏作者

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

抵扣说明：

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

余额充值