blob没权限 ie_IE浏览器对象不支持Blob属性或方法,IE浏览器不支持canvas toBlob()方法的Polyfill...

编程入门 行业动态 更新时间:2024-10-09 16:29:54

前言:由于有裁剪图像的需求,所以就应用了Cropper.js插件,但是在IE浏览器就爆出了兼容blob问题。

解决方案:其实在https://www.canvasapi/HTMLCanvasElement/toBlob#&othersCanvas中文官网官方网站有给出IE浏览器的兼容解决方案。

兼容:

首先,toBlob()方法IE9浏览器不支持,因为Blob数据格式IE10+才支持。

然后,对于IE浏览器,toBlob()的兼容性有些奇怪,IE10浏览器支持ms私有前缀的toBlob()方法,完整方法名称是msToBlob()。而IE11+,toBlob()方法却不支持。

但是,我们可以基于toDataURL()方法进行polyfill,性能相对会差一些,JavaScript代码如下,参考自MDN:

// 登录状态下不会出现这行文字,点击页面右上角一键登录

if (!HTMLCanvasElement.prototype.toBlob) {

Object.defineProperty(HTMLCanvasElement.prototype, 'toBlob', {

value: function (callback, type, quality) {

var canvas = this;

setTimeout(function() {

var binStr = atob( canvas.toDataURL(type, quality).split(',')[1] );

var l

更多推荐

blob没权限 ie_IE浏览器对象不支持Blob属性或方法,IE浏览器不支持canvas toBlob()方法的Polyfill...

本文发布于:2023-06-28 07:07:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/923599.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:不支持   浏览器   方法   属性   权限

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!