前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >uni-app获取用户头像下载失败

uni-app获取用户头像下载失败

作者头像
十分钟空间
发布2022-08-17 14:11:23
1.2K0
发布2022-08-17 14:11:23
举报
文章被收录于专栏:Springboot框架学习

一.在我们使用uni-app的时候,经常会用到获取头像的这个方法。

代码语言:javascript
复制
 uni.getUserInfo({
	provider: 'weixin',
	success: function(result) {				
		let userinfo= result.userInfo
		console.log(userinfo)
	}
});

二.微信小程序下载头像方法

代码语言:javascript
复制
				uni.downloadFile({
					url: userInfo.avatarUrl,
					success: function(res) {
						uni.hideLoading();
						self.avatarPath = res.tempFilePath;
					},
					fail: function(e) {
						console.log(e);
						uni.hideLoading();
						uni.showModal({
							title: '图片加载超时',
							content: "网络异常,请稍后重试",
							success(res) {
								if (res.confirm) {
									self.downloadAvatarAndPaintAll(imageUrl);
								} else if (res.cancel) {
									console.log('用户点击取消');
								}
							}
						})
					}
				})
三.在下载的时候,会遇到一个问题,下载失败,刚开始我以为是因为获取头像的接口有问题,但是我发现在微信开发者工具里,不报错只有在发布正式版或者测试版的时候,获取头像失败,于是我想到了一个问题应该是微信小程序设置不能透过这个域名,大概会出现以下几个问题
①刚开始获取的微信的头像的路径是https://thirdwx.qlogo.cn,这个不是微信官方域名,所以我们要替换为https://wx.qlogo.cn

例如:

代码语言:javascript
复制
userInfo.avatarUrl = result.detail.avatarUrl.replace("132", "0").replace('https://thirdwx.qlogo.cn', 'https://wx.qlogo.cn');
②其次,要配置微信小程序的下载路径域名地址。

进入微信小程序管理后台,选择“开发管理——》开发设置“在开发设置下的服务器域名中设置downloadFile合法域名

设置为合法域名后,重新发布小程序就可以了

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020/12/17 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一.在我们使用uni-app的时候,经常会用到获取头像的这个方法。
  • 二.微信小程序下载头像方法
    • 三.在下载的时候,会遇到一个问题,下载失败,刚开始我以为是因为获取头像的接口有问题,但是我发现在微信开发者工具里,不报错只有在发布正式版或者测试版的时候,获取头像失败,于是我想到了一个问题应该是微信小程序设置不能透过这个域名,大概会出现以下几个问题
      • ①刚开始获取的微信的头像的路径是https://thirdwx.qlogo.cn,这个不是微信官方域名,所以我们要替换为https://wx.qlogo.cn
        • ②其次,要配置微信小程序的下载路径域名地址。
        相关产品与服务
        云开发 CloudBase
        云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档