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

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

uni.getUserProfile获取的微信昵称是微信用户,头像获取的是默认头像_第1张图片

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

uni.getUserProfile获取的微信昵称是微信用户,头像获取的是默认头像_第2张图片

解决效果:

uni.getUserProfile获取的微信昵称是微信用户,头像获取的是默认头像_第3张图片uni.getUserProfile获取的微信昵称是微信用户,头像获取的是默认头像_第4张图片

uni.getUserProfile获取的微信昵称是微信用户,头像获取的是默认头像_第5张图片uni.getUserProfile获取的微信昵称是微信用户,头像获取的是默认头像_第6张图片

代码:


			
				邀请您补全个人信息
				如果已设置,请忽略
				
					头像
					
				
				
					昵称
					
				
			

			
				取消
				
					
						确认
					
				
			
		
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;
	}

参照:

 微信小程序获取用户头像昵称手机号最新版

你可能感兴趣的:(小程序,微信,微信小程序)