[前端][微信浏览器/canvas]长按二维码图片无法扫描问题的解决方法

最近开发H5，用户浏览的环境主要是在微信下。 H5的最后一页是用canvas的toDataUrl生成了一个base64的图片，然后放到img标签里放在最顶上，让用户可以长按图片保存和扫描二维码。 但是实际测试中发现，iPhone是可以实现长按保存和扫描二维码的，部分安卓是只能保存，而识别出二维码无法跳转，停留在原地。 开始找到的方法是将base64转成blob，再转成blobUrl放到img.src里。这样安卓和苹果都能扫描，但是发现这样就无法保存图片了，微信应该限制了blob类型的保存。 最后是发现，本来toDataUrl的类型写的是image/png,将类型改成image/jpeg就可以了。 canvas.toDataURL("image/jpeg")