html52.com
我爱小程序-开发者交流社区

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'

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付