小程序canvas头像不显示解决办法

小程序生成二维码分享，真机没问题，但正式版头像却出不来
微信有一部分从第三方引入的用户头像是 https://thirdwx.qlogo.cn或https://wx.qlogo.cn 开头的路径
canvas画头像需要先wx.getImageInfo获取下来，这个时候就可能会出现问题，那就是合法域名

这个时候只能去微信公众平台去添加合法域名
具体：开发=》开发管理=》开发设置=》服务器域名添加 https://wx.qlogo.cn
但是头像地址头可能是两种(MMP)
这个两种是通用的，应该是有ng转发配置，就是说他们可以互相调换
比如 https://wx.qlogo.cn/mmopen/vi_32/F6Cr8ib2GJtuFBSK64paqm6s11gz2AnpCcf6H5a7L3NsH6QgoiaEYGicIVglVxyYl5WaY6ceicxTIgcojydvfgyAZw/132
与 https://thirdwx.qlogo.cn/mmopen/vi_32/F6Cr8ib2GJtuFBSK64paqm6s11gz2AnpCcf6H5a7L3NsH6QgoiaEYGicIVglVxyYl5WaY6ceicxTIgcojydvfgyAZw/132
是相同的一张，只是域名不同
我们后台服务器域名添加的为https://wx.qlogo.cn 那就可以进行替换

wx.getImageInfo({// src: userInfo.headImgUrl, // 头像src: userInfo.headImgUrl.replace('https://thirdwx.qlogo.cn', 'https://wx.qlogo.cn'),success: function (res) {resolve(res);},fail: function (err) {resolve(err)},
})

解决思路，后台配置合法域名，通过 replace 方法将头像路径中的 https://thirdwx.qlogo.cn 替换成 https://wx.qlogo.cn ，头像还是原来的头像，但是可以下载成本地图片再也不会报错了，canvas 可以画头像了
啦啦啦嘟嘟嘟 ~~~

小程序canvas头像不显示解决办法相关推荐

java drawimage图片不完整_微信小程序canvas.drawImage完全显示图片问题的解决
问题描述问题产生对于微信小程序,canvas处理过程中,dramImage默认图片引用是有残缺的导入初始项目打开链接(原官网例子),浏览器唤醒微信开发这工具,打开连接之前需要下载好微信开发者工 ...
微信小程序遇到的问题及解决办法
一.根据 sitemap 的规则[0],当前页面 [pages/index/automatic/automatic] 将被索引 project.config.json文件中"checkSit ...
微信小程序Canvas卡顿优化解决方法
文章目录一.引入二.分析问题三.解决方法四.解决后效果图五.绘制好的地图一.引入原安卓图书馆选座项目CSDN博客链接: Android图书馆选座系统课程设计最近在搞微信小程序,想把以前 ...
点餐系统和点餐小程序开发常见问题汇总及解决办法
最近在教大家部署点餐系统java后台和点餐小程序时,大家总会遇到各种各样的问题,石头哥就把大家学习过程中经常遇到的问题汇总到这里,每个问题都给出了解决方案. java后台相关问题一,程序包lombo ...
小程序传参中文乱码解决办法
在开发钉钉小程序时,给后台接口传递了中文的参数,后台接收端,接收到中文参数时,出现了乱码的情况,效果如下: 小程序传的参数是,中文参数,接收端显示的是一堆字符号,这就出现了乱码的问题. 解决办法: t ...
小程序报错invalid code解决办法
最近电脑重装,把以前的小程序代码包,导入到开发者工具中,发现申请登陆过程中,一直报错,报错特征就是申请信息权限界面没有头像,点击授权之后,后台接口返回报错,invalid code, rid {&qu ...
初学小程序之制作电影介绍查询小程序遇到的问题和解决办法
tabar标签和标题的设置,去下载小图标,进行添加.代码如下: "tabBar": {"color": "black","sele ...
微信小程序for循环遍历数组解决办法
最近在做微信小程序项目遇到一个问题,如下: 在wxml文件做wx:for循环遍历数组时,数组含八个元素,循环次数却只有五次,从下面代码看 <scroll-view scroll-y='true' ...
微信小程序checkbox被挤压变形解决办法
如上图,checkbox被挤压变形了解决办法: 添加样式 radio .wx-radio-input, checkbox .wx-checkbox-input{flex: none; }

小程序canvas头像不显示解决办法

小程序canvas头像不显示解决办法相关推荐

最新文章

热门文章