移动端UC浏览器不支持Blob的解决方案

前言

uc浏览器不支持Blob的解决方案
参考文章：http://www.haomou.net/2016/01/14/2016_android_blob/
如果你使用canvas导出图片，并将图片存储在uint8Array中，然后想通过blob构造之后上传到诸如aliyun oss服务器，或者个人文件服务器，那么你要注意了。在chrome早先版本和目前的android中，至少是andrid5.1之前的浏览器，包括微信浏览器等，都不支持blob的构造方法，需要使用BlobBuilder。

原因

var jpeg = new Blob( [array.buffer], {type : "image/jpeg"});

这个blob的构造方法，在ios手机浏览器是支持的，但是在android手机浏览器不行。
桌面版的chrome浏览器解决了这个blob bug, 但是android手机还是有这个问题，会返回一个type error，因为android浏览器不支持这个构造方法。你必须使用老版本的BlobBuilder API.

解决方法

var array = new Int8Array([17, -45.3]);try{var jpeg = new Blob( [array], {type : "image/jpeg"});
}
catch(e){// TypeError old chrome and FFwindow.BlobBuilder = window.BlobBuilder ||window.WebKitBlobBuilder ||window.MozBlobBuilder ||window.MSBlobBuilder;if(e.name == 'TypeError' && window.BlobBuilder){var bb = new BlobBuilder();bb.append([array.buffer]);var jpeg = bb.getBlob("image/jpeg");}else if(e.name == "InvalidStateError"){// InvalidStateError (tested on FF13 WinXP)var jpeg = new Blob( [array.buffer], {type : "image/jpeg"});}else{// We're screwed, blob constructor unsupported entirely}
}

移动端UC浏览器不支持Blob的解决方案相关推荐

N97 必备软件，上网必装！UC浏览器完美支持97触控大屏幕！
迄今为止N97上最好的手机浏览器,完美支持全屏浏览,完美触控,完美节省流量,完美速度浏览! UC浏览器7.0版,UCWEB 7.0,免签名安装! 图我就不上了,直接给出下载地址: http://www ...
解决电脑端微信浏览器不支持vue、axios等问题
网上搜罗了一大圈关于微信不支持vue的问题,大部分都说是版本问题.后来我直接用官网的demo试了下是没问题的,然后把demo的vue.js改为我本地的,结果也是可以的-_-... 最终...我吧vue ...
PC端 UC浏览器页面显示该站点安全证书的吊销不可用
错误提示解决办法关闭的操作步骤: 1.打开IE浏览器 2.在IE浏览器中单击右上角的[设置]图标,选择[Internet选项]进入到选项卡中. 3.在选项卡中找到[安全]选项,关闭如下三个选项,点 ...
关于chrome等浏览器不支持showModalDialog的解决方案
目前,新版本的chrome和opera.Firefox等浏览器已经不支持showModalDialog方法. 如果是没有接收返回值的,可以直接将window.showModalDialog改为wind ...
微信内置浏览器不支持下载的解决方案微信点击链接直接下载app安装包功能实现方式
由于微信引流具备快速性和高效的二次传播性,故众多商家纷纷选择微信推广为主要的推广方式.但在使用微信分享链接和营销方案的过程中经常会遇到分享链接在微信内被拦截从而无法打开或者打开后无法下载文件的情况, ...
h5微信页面在手机微信端和微信web开发者工具中都能正常显示，但是在pc端微信浏览器上打不开（显示空白）
记录一个最近在微信端页面开发时出现的问题:页面在手机微信端和微信web开发者工具中都能正常显示,但是在pc端微信浏览器上打不开(显示空白). 原因:pc端微信浏览器不支持es6,而我的代码使用了 le ...
h5微信页面在手机微信端和微信web开发者工具中都能正常显示，但是在pc端微信浏览器上打不开（显示空白）...
h5微信页面在手机微信和微信开发者工具中都能正常显示,但是在pc端微信浏览器上打不开或者数据加载不出来. 原因:pc端微信浏览器不支持ES6语法,我的代码中使用了一些ES6的特性解决:将ES6转换为 ...
UC 浏览器曝中间人攻击漏洞，官方：已修复，国内版不受影响
百度智能云云生态狂欢季热门云产品1折起>>> 最新消息 UC 官方已回复,声明中称:"海外媒体报道 UC 浏览器国际版的潜在漏洞,已在第一时间得到修复.UC 浏览器 ...
手机UC浏览器兼容问题整理
1.手机UC浏览器不支持新的flex布局,,用旧语法box可以实现 2.不支持calc ,vh,vw等属性 3.#box元素高度100%无效,具体情境如下:

移动端UC浏览器不支持Blob的解决方案

前言

原因

解决方法

移动端UC浏览器不支持Blob的解决方案相关推荐

最新文章

热门文章