【微信小程序】新版获取用户头像昵称（uniapp）(完整版附源码)-Toy模板网

这篇具有很好参考价值的文章主要介绍了【微信小程序】新版获取用户头像昵称（uniapp）(完整版附源码)。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

需求

获取微信用户头像和昵称

问题

其实实现起来不复杂，复杂的是近几年微信小程序文档对于获取用户信息这块的api一直在更新，而查看了很多帖子基本都是用的旧的api，wx.getUserProfile(Object object) 和 wx.getUserInfo(Object object)，旧的api只适用于低版本的基础库，对于当下的最新的基础库3.x版本只能获取到默认昵称和默认头像，并不能拿到用户真实昵称和头像。
文档 : https://developers.weixin.qq.com/community/develop/doc/00022c683e8a80b29bed2142b56c01
uniapp获取用户信息最新方法,微信小程序,uniapp,微信小程序,uni-app,小程序,前端

实现

如最新公告，新版本微信小程序只能通过用户自行填写头像和昵称 , 像以前点击按钮一键用户授权获取头像昵称头像地区性别, 现在都已经不支持啦!
文档 : https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/userProfile.html
uniapp获取用户信息最新方法,微信小程序,uniapp,微信小程序,uni-app,小程序,前端文章来源地址https://www.toymoban.com/news/detail-795087.html

		<view class="form-wrap">
			<view class="avatar-wrap">
				<button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
					<image class="avatar" :src="avatarUrlValue"></image>
				</button>
			</view>
			<view class="nickname-wrap">
				<view class="title">昵称</view>
				<input type="nickname" class="weui-input" v-model="nickNameValue" placeholder="请输入昵称" />
			</view>
		</view>

			onChooseAvatar(e) {
				this.avatarUrlValue = e.detail.avatarUrl
				// 注意:这里拿到的头像url是个临时的路径,需要自行对头像进行上传处理,参考uni.upload()
			},

到了这里，关于【微信小程序】新版获取用户头像昵称（uniapp）(完整版附源码)的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

【微信小程序】新版获取用户头像昵称（uniapp）(完整版附源码)

需求

问题

实现

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

支付宝扫一扫领取红包，优惠每天领

二维码1

二维码2