微信小程序获取用户高清头像

简介: getUserInfo获取微信用户的个人信息这里就不写了。微信获取的个人信息截图获取来的微信个人信息微信小程序getUserInfo文档截图微信小程序getUserInfo文档这里获取到的avatarUrl是https://wx.

getUserInfo获取微信用户的个人信息这里就不写了。

微信获取的个人信息截图


img_f01ff5dced5ef6125152001f478773d2.png
获取来的微信个人信息

微信小程序getUserInfo文档截图


img_b54439af23c135e323dd35a5df87975b.png
微信小程序getUserInfo文档

这里获取到的avatarUrl是https://wx.qlogo.cn/mmopen/vi_32/DYAIOgq83er5prllVA37yiac4Vv8ZAXwbg0Zicibn6ZjsgJ4ha0hmFBY8MUTRMnRTmSlvzPd8XJZzd0icuyGoiakj4A/132

默认获取的是大小数值是132,我们只要在使用高清头像的时候把后缀的数值替换成0就可以了。
比如https://wx.qlogo.cn/mmopen/vi_32/DYAIOgq83er5prllVA37yiac4Vv8ZAXwbg0Zicibn6ZjsgJ4ha0hmFBY8MUTRMnRTmSlvzPd8XJZzd0icuyGoiakj4A/132转换成https://wx.qlogo.cn/mmopen/vi_32/DYAIOgq83er5prllVA37yiac4Vv8ZAXwbg0Zicibn6ZjsgJ4ha0hmFBY8MUTRMnRTmSlvzPd8XJZzd0icuyGoiakj4A/0

下面是转换代码

function headimgHD(imageUrl) {
        console.log('原来的头像', imageUrl);
        
        imageUrl = imageUrl.split('/');        //把头像的路径切成数组
        
        //把大小数值为 46 || 64 || 96 || 132 的转换为0
        if (imageUrl[imageUrl.length - 1] && (imageUrl[imageUrl.length - 1] == 46 || imageUrl[imageUrl.length - 1] == 64 || imageUrl[imageUrl.length - 1] == 96 || imageUrl[imageUrl.length - 1] == 132)) {
            imageUrl[imageUrl.length - 1] = 0;
        }
       
        imageUrl = imageUrl.join('/');   //重新拼接为字符串

        console.log('高清的头像', imageUrl);

        return imageUrl;
    }

headimgHD('https://wx.qlogo.cn/mmopen/vi_32/DYAIOgq83er5prllVA37yiac4Vv8ZAXwbg0Zicibn6ZjsgJ4ha0hmFBY8MUTRMnRTmSlvzPd8XJZzd0icuyGoiakj4A/132');

'https://wx.qlogo.cn/mmopen/vi_32/DYAIOgq83er5prllVA37yiac4Vv8ZAXwbg0Zicibn6ZjsgJ4ha0hmFBY8MUTRMnRTmSlvzPd8XJZzd0icuyGoiakj4A/0'

AI 代码解读
img_0782c6b0058d6597e196d48cd5a00616.png
代码运行结果

大功告成!!!

枝枝_
+关注
目录
打赏
0
0
0
0
1
分享
相关文章
陌陌头像留V的最好方法,陌陌最新留QQ号技巧,陌陌动态最聪明的留微信
本资料分享社交平台隐秘留联系方式的方法,包含微信头像艺术化处理、二维码变形术,以及QQ号谐音替换、图片分割等技巧。
【微信小程序-原生开发+云开发+TDesign】修改用户头像(含wx.chooseMedia,wx.cloud.uploadFile,wx.cloud.deleteFile的使用)
【微信小程序-原生开发+云开发+TDesign】修改用户头像(含wx.chooseMedia,wx.cloud.uploadFile,wx.cloud.deleteFile的使用)
155 0
【微信小程序-原生开发+云开发+TDesign】修改用户头像(含wx.chooseMedia,wx.cloud.uploadFile,wx.cloud.deleteFile的使用)
【微信小程序-原生开发】TDesign 实战模板——带性别图标的头像
【微信小程序-原生开发】TDesign 实战模板——带性别图标的头像
137 0
Flutter实现仿微信群头像功能
Flutter实现仿微信群头像功能
181 0
微信小程序获取头像和名称
微信小程序获取头像和名称
151 0
小程序open-data的圆形用户头像实现
小程序open-data的圆形用户头像实现
104 0

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等

登录插画

登录以查看您的控制台资源

管理云资源
状态一览
快捷访问