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

简介: 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'

img_0782c6b0058d6597e196d48cd5a00616.png
代码运行结果

大功告成!!!

目录
相关文章
|
6月前
|
小程序 JavaScript
小程序授权获取头像
小程序授权获取头像
|
4月前
|
存储 小程序 API
【微信小程序-原生开发+云开发+TDesign】修改用户头像(含wx.chooseMedia,wx.cloud.uploadFile,wx.cloud.deleteFile的使用)
【微信小程序-原生开发+云开发+TDesign】修改用户头像(含wx.chooseMedia,wx.cloud.uploadFile,wx.cloud.deleteFile的使用)
83 0
【微信小程序-原生开发+云开发+TDesign】修改用户头像(含wx.chooseMedia,wx.cloud.uploadFile,wx.cloud.deleteFile的使用)
|
4月前
|
小程序
【微信小程序-原生开发】TDesign 实战模板——带性别图标的头像
【微信小程序-原生开发】TDesign 实战模板——带性别图标的头像
69 0
|
4月前
|
缓存 容器
Flutter实现仿微信群头像功能
Flutter实现仿微信群头像功能
69 0
|
小程序
微信小程序获取头像和名称
微信小程序获取头像和名称
104 0
|
6月前
|
小程序 API
微信小程序获取昵称,头像
微信小程序获取昵称,头像
116 0
|
11月前
|
前端开发
微信群聊头像组件
微信群聊头像组件
114 0
|
小程序
小程序open-data的圆形用户头像实现
小程序open-data的圆形用户头像实现
70 0
|
小程序 JavaScript 程序员
小程序新方法 open-type获取头像昵称
小程序新方法 open-type获取头像昵称
267 0
|
小程序
小程序获取的用户头像怎么做成圆形
小程序获取的用户头像怎么做成圆形
76 0

热门文章

最新文章

下一篇
无影云桌面