uni.getUserProfile获取的微信昵称是微信用户,头像获取的是默认头像

这篇具有很好参考价值的文章主要介绍了uni.getUserProfile获取的微信昵称是微信用户,头像获取的是默认头像。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

问题:uni.getUserProfile获取的微信昵称是微信用户,头像获取的是默认头像

uni.getuserprofile获取用户头像,小程序,微信,微信小程序

 原因:小程序用户头像昵称获取规则调整公告 | 微信开放社区

uni.getuserprofile获取用户头像,小程序,微信,微信小程序

解决效果:

uni.getuserprofile获取用户头像,小程序,微信,微信小程序uni.getuserprofile获取用户头像,小程序,微信,微信小程序

uni.getuserprofile获取用户头像,小程序,微信,微信小程序uni.getuserprofile获取用户头像,小程序,微信,微信小程序

代码:

<wsw-dialog ref="dialogInfo" :maskTapClose="false" :dialogStyle="dialogStyle">
			<view class="info_view">
				<view class="info_title">邀请您补全个人信息</view>
				<view class="info_tips">如果已设置,请忽略</view>
				<view class="info_item">
					<view class="info_text">头像</view>
					<button class="info_btn" open-type="chooseAvatar" @chooseavatar="onChooseAvatar" slot="right">
						<image class="info_img" :src="info.headUrl"></image>
					</button>
				</view>
				<view class="info_item">
					<view class="info_text">昵称</view>
					<input type="nickname" class="weui-input" @blur="userNameInput" placeholder="请输入昵称" />
				</view>
			</view>

			<view
				style="text-align: center; display: flex; height: 50rpx;height: 75rpx;line-height: 75rpx; border-top:2rpx #AFB8C8 solid;background: #E2E4E9;border-radius: 0 0 20rpx 20rpx;">
				<view style="width: 50%;font-size: 30rpx;color: #909090;border-right:2rpx solid #AFB8C8;" @click="cancelInfo()">取消</view>
				<view style="width: 50%;color: #909090;font-size: 30rpx;">
					<view style="height: 75rpx;line-height: 75rpx;color: #CF920B;font-size: 30rpx;background: #E2E4E9;line-height: 75rpx;" @click="closeInfo()">
						确认
					</view>
				</view>
			</view>
		</wsw-dialog>
data() {
    return {
		dialogStyle: 'border-radius: 16rpx;width: 70%;',
		info: {
			iv: '',
			encryptedData: '',
			headUrl: '',
			gender: null,
			userName: '',
			sessionKey: ''
		},
	};
},
        methods: {
			login() {
				let that = this;
				if (!this.info.headUrl) {
					that.$refs.dialogInfo.show();
				}

			},
			//获取昵称输入内容
			userNameInput(e) {
				this.info.userName = e.detail.value
			},
			onChooseAvatar(e) {
				console.log('头像')
				console.log(e)
				this.uploadImg(e.detail.avatarUrl); //tmp的图片临时路径
			},
			// 点击取消
			cancelInfo() {
				this.$refs.dialogInfo.hide();
			},
			// 点击确定
			closeInfo() {
				if (!this.info.headUrl) {
					uni.showToast({
						icon: 'none',
						title: '请上传头像'
					});
					return;
				}
				this.$refs.dialogInfo.hide();
				// 保存头像,昵称接口
				this.$api.doSave(this.info).then(res => {
					if (res.data.success) {
						console.log('保存成功')
					} else {
						uni.showToast({
							icon: 'none',
							title: res.data.message,
							duration: 2500
						});
					}
				});
			},
			uploadImg(avatarUrl) {
				wx.uploadFile({
					url: this.$Config.url_config + '/image/upload.ajax', // 后端api接口
					filePath: avatarUrl, // 函数调用后获取的本地文件路劲
					name: 'file',
					success: res => {
						if (res.statusCode == 200) {
							let datas = JSON.parse(res.data);
							if (datas.success) {
								let url = datas.result
								console.log("上传后图片")
								console.log(this.info)
							} else {
								uni.showToast({
									title: datas.massage,
									icon: 'none',
									duration: 2500
								});
							}
						}
					},
					fail: err => {}
				});
			}
		}
.info_view {
		background: #E2E4E9;
		border-radius: 20rpx 20rpx 0 0;
		padding: 40rpx;
	}

	.info_title {
		text-align: center;
	}

	.info_tips {
		color: gray;
		font-size: 24rpx;
		text-align: center;
	}

	.info_item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 20rpx;
		margin-bottom: 30rpx;
	}

	.info_btn {
		border-radius: 100%;
		margin: 0 auto;
		padding: 0;
		width: 50rpx;
		height: 50rpx;
	}
	.weui-input{
		text-align: center;
	}

参照:

 微信小程序获取用户头像昵称手机号最新版文章来源地址https://www.toymoban.com/news/detail-521323.html

到了这里,关于uni.getUserProfile获取的微信昵称是微信用户,头像获取的是默认头像的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uni_app+vite+vue3+ts开发小程序,解决getUserProfile()获取用户信息问题

    最近开发小程序,开发环境uni_app+vue3等。在获取小程序平台用户信息是报错: {errMsg: \\\"getUserProfile:fail must be invoked by user tap gesture\\\", errNo: 21500} 我在抖音上查了下错误码: 看到这个解释也是瞬间无语了,然后在平台查找错误,找了半天终于在vue2 升级vue3文档里面找到解决办法

    2024年02月04日
    浏览(76)
  • 微信小程序获取用户头像昵称

    微信小程序是一种基于微信开发平台的轻应用,用户可以通过微信扫码、搜索等方式进入小程序并使用。在小程序中,获取用户昵称和头像是非常常见的需求,因为这些信息可以用来个性化展示内容,提高用户体验。以下是获取用户头像昵称的传统方法: 在小程序中,可以通

    2024年02月07日
    浏览(64)
  • 微信小程序如何获取用户头像昵称

        微信小程序登录用户头像昵称已经不支持支持获取,因为用户的scope.userInfo权限已经回收,可以使用昵称头像填写进行完善用户信息,按照官方推荐会显示用户在微信的头像和昵称,本文介绍一下实现方案.最终实现效果:修改头像会默认显示微信头像,修改昵称时会默认显示

    2024年02月11日
    浏览(72)
  • 关于微信小程序用户头像昵称获取规则调整后的头像昵称获取方式

    小程序用户头像昵称获取规则调整公告:小程序用户头像昵称获取规则调整公告 | 微信开放社区   点击登录按钮,先去检查用户授权信息,会弹出用户授权弹窗(首次),用户点击同意授权之后,调用 wx.login 方法获取登录凭证(code),把code传给后端写的登录接口进行解析登

    2024年02月05日
    浏览(65)
  • 微信小程序:获取用户信息(昵称和头像)

    微信小程序获取用户信息的接口几经变更,建议直接使用方式四: wx.getUserProfile 获取 组件功能调整为优化用户体验,平台将于2022年2月21日24时起回收通过展示个人信息的能力。 如有使用该技术服务,请开发者及时对小程序进行调整,避免影响服务流程。查看详情: https://de

    2023年04月08日
    浏览(58)
  • uniapp 微信小程序 获取用户头像和昵称

    自2022年10月25日后,小程序  wx.getUserProfile 接口  被收回,通过 wx.getUserInfo 接口获取用户头像将统一返回默认灰色头像,昵称将统一返回 “微信用户”。如需获取用户头像昵称,可以手动获取,具体步骤👉「头像昵称填写能力」  ✍GitHub完整代码地址👉: https://github.com/c

    2024年02月08日
    浏览(58)
  • 微信小程序获取用户头像和昵称的代码

    以下是微信小程序获取用户头像和昵称的代码示例: 获取用户信息授权 首先,需要向用户请求授权获取其头像和昵称。可以通过调用 wx.getUserProfile 方法来获取用户信息,该方法会弹出授权窗口,用户可以选择是否授权。 显示用户头像和昵称 获取用户头像和昵称后,可以将

    2024年02月16日
    浏览(42)
  • uniapp中微信小程序获取用户头像昵称

    关于小程序用户头像昵称获取规则调整的公告 意思就是说 从 2022 年 10 月 25 日 24 时后 wx.getUserProfile 获取用户头像将统一返回默认灰色头像,昵称将统一返回 “微信用户” 最新:用户昵称,头像获取规则 onChooseAvatar 方法必须使用 this.avatarUrl = \\\'data:image/jpeg;base64,\\\' + wx.getFileS

    2024年02月13日
    浏览(64)
  • Uniapp写微信小程序时,如何获取用户头像和昵称使用微信用户信息登录?

    实现效果如下: 首先使用uni.login获取用户登录凭证code: 官方代码: success返回参数如下: 头像选择: 需要将 button 组件  open-type  的值设置为  chooseAvatar ,当用户选择需要使用的头像之后,可以通过  bindchooseavatar  事件回调获取到头像信息的临时路径。 从基础库2.24.4版本

    2024年02月04日
    浏览(47)
  • 微信小程序最新用户头像昵称获取规则调整应对措施(2022)

    小程序用户头像昵称获取规则调整公告 以前通过wx.getUserProfile获取用户信息,用户点击同意以后,便可以直接获取相关信息,但是官方最近做出了调整,直接将头像和昵称使用默认值填充了,所以我们无法直接获取用户的信息了,需要新增一个页面用于用户自定义头像和昵称

    2023年04月14日
    浏览(37)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

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

二维码1

领取红包

二维码2

领红包