收藏
回答

canvas.createImage 使用部分特殊的图片链接无法触发onload和onerror?

如:https://p0.meituan.net/320.0/deal/5fc45a2551e62020da12c60458b36a5e621385.jpg%40320w_240h_1e_1c_1l%7Cwatermark%3D0

这种在 .jpg 后面还带一串字符的

在 wxml 使用 image 组件是能正常加载的

使用 canvas.createImage 在开发者工具上无问题,但在手机上有问题

目前我的解决办法是通过 .jpg 关键字截取字符串,把后面的去掉

这是代码片段:

https://developers.weixin.qq.com/s/7u3HlHm37CsF

//省略获取canvas实例的步骤
const canvas = node[0].node
const img = canvas.createImage()
img.onload = () => {
  console.log('success');
}
img.onerror = () => {
  console.log('error');
}
// 开发者工具能正常使用,在手机上无法触发onload和onerror
img.src = 'https://p0.meituan.net/320.0/deal/5fc45a2551e62020da12c60458b36a5e621385.jpg%40320w_240h_1e_1c_1l%7Cwatermark%3D0'

// 开发者工具和手机都能正常使用
// img.src = 'https://p0.meituan.net/320.0/deal/5fc45a2551e62020da12c60458b36a5e621385.jpg'
最后一次编辑于  2021-08-20
回答关注问题邀请回答
收藏
登录 后发表内容