微信小程序canvas.drawImage方法无法加载网络图片解决方法

最新推荐文章于 2023-05-08 09:24:57 发布

CrazBarry

最新推荐文章于 2023-05-08 09:24:57 发布

阅读量8.8k

点赞数 6

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/CrazBarry/article/details/92797372

版权

项目需求

对后台返回数据动态生成海报，可保存到手机相册。

网上大多的方法都是调用getImageInfo方法转本地图片


wx.getImageInfo({
          src: 'http://www.域名.com/w.jpg',
          success: function (res) {
          context.drawImage(res.path, 0, 0, that.data.imagewidth, that.data.imageheight);
          context.draw();
})

但是需要对其中的src域名需要在服务器域名的downloadFile合法域名中报备

结果配置了报错 downloadFile:fail 发生了 SSL 错误,无法建立与该服务器的安全连接。

主要是因为使用的sever2008 IIS7 默认使用的SSL2.0，而iOS微信需要使用TLS 1.2。

只要修改一下，启用server 2008 的TLS 1.2就可以了。

http://www.simapple.com/418.html

我们经理因某些原因不想修改服务器，所以提供了一个图片转base64接口给我进行适配

下面上代码

//base64.js
const fsm = wx.getFileSystemManager();
const requestUtil = require('request.js');
const app = getApp();
const basepath = `${wx.env.USER_DATA_PATH}`

//网络图片转base64转本地
function base64src(onlineSrc, cb) {
  var FILE_BASE_NAME