跳到主要内容

blob兼容性问题

· 阅读需 2 分钟

接上一篇文章,图片在谷歌浏览器上使用的时候没有问题,但是在手机上测试的时候就卡在那不动了,然后我测试了安卓我们的app和手机自带浏览器都不行,又测试了苹果我们的app不行,微信和safari是可以的。

然后我就和我们的安卓小哥说让他帮我看看log,结果发现canvas.toBlob is undefined。

原因: blog方法兼容性不是很好,所以需要兼容一下 解决办法: 发现了这个网址解决了问题 https://github.com/blueimp/JavaScript-Canvas-to-Blob; 使用方法很简单,只需要把canvas-to-blob.js或者canvas-to-blob.min.js在之前引入就好了。然后下面原来的方法该怎么用就怎么用,就没有问题了。

var canvas = document.createElement('canvas');
if (canvas.toBlob) {
canvas.toBlob(function (blob) {
//do something
},
'image/jpeg'
);
}