Blob(二进制大对象)术语最初来自数据库(oracle中也有类似的栏位类型),早期数据库因为要存储声音、图片,以及可执行程序等二进制数据对象所以给该类对象取名为Blob只
,在Web领域,团被定义为包含只读数据的类文件对象.Blob中的数据不一定是js原生数据形式。常见的文件接口就继承自Blob,并扩展它用于支持用户系统的本地文件。
构建一个Blob对象通常有三种方式:
-
<李>通过团对象的构造函数来构建。李>
<李>从已有的团对象调用片接口切出一个新的团对象。李>
<李>画布API toBlob方法,把当前绘制信息转为一个团对象。下面只看第一种的实现:李>
用法:新方法创建团对象(构造函数来构建)
var blob=new blob(数组(可选),选项(可选));
构造函数,接受两个参数
第一个参数:为一个数据序列,可以是任意格式的值,例如,任意数量的字符串,气泡以及ArrayBuffers。
第二个参数:用于指定将要放入Blob中的数据的类型(MIME)(后端可以通过枚举MimeType,获取对应类型:
MimeType MimeType=MimeType.toEnum (file.getContentType ());。 >之前& lt; script> var blob=new blob ((“Hello World !”),{类型:“文本/普通”}); & lt;/script><>强团对象的基本属性:强>
-
<李>大小:Blob对象包含的字节数。(只读)李>
<李>类型:,团对象包含的数据类型MIME,如果类型未知则返回空字符串。李>
<强>原生对象构建团强>
& lt;脚本type=" text/javascript祝辞 窗口。onload=function () { var blob=new blob (1234); } & lt;/script>
提示出错:
未捕获TypeError:未能构建“Blob”:第一个参数是一个数组,和它有索引属性。
引用>原因在于Blob构造函数要求第一个参数必须是数组,而这里第一个参数既不是一个数组,也没有可索引的属性,既然这里提到了对象的可索引属性,让我联想到了类数组的概念,而参数就是一个很好的例子。来试一试:
& lt;脚本type=" text/javascript祝辞 函数testArgumentsBlob () { var blob=new blob(参数); console.log (blob.size);//3 console.log (blob.type);//? } 窗口。onload=function () { testArgumentsBlob (1、2、3); } & lt;/script>可以看到即使是类数组对象,而数组元素类型是数量也能得出正确的结论,猜想大概是由于构造函数内部把号码转化为字符串的缘故吧!
再来试一试其他的参数类型:
窗口。onload=function () { arg var={你好:" 2016 "}; var blob=new blob ([JSON。stringify (arg null,“\ t”),{类型:application/json "}); console.log (blob.type);//应用程序/json console.log (blob.size);//20 }blob。application/json类型等于没问题.arg转为字符串后的长度为16加上制表符\ t的宽度4个字节等于20。
<>强团对象的基本方法:,强>
大文件分割(切片()方法),片方法与数组的片类似。
Blob。片([开始,[结束,[- type]]])片()方法接受三个参数,起始偏移量,结束偏移量,还有可选的mime类型。如果mime类型,没有设置,那么新的团对象的mime类型和父级一样。
当要上传大文件的时候,此方法非常有用,可以将大文件分割分段,然后各自上传,因为分割之后的团对象和原始的是独立存在的。
不过目前浏览器实现此方法还没有统一,火狐使用的是mozSlice(),铬使用的是webkitSlice(),其他浏览器则正常的方式片(),
可以写一个兼容各浏览器的方法:
函数sliceBlob (blob,开始,结束,类型){ 类型=| | blob.type; 如果(blob.mozSlice) { 返回blob。mozSlice(开始、结束类型); }else if (blob.webkitSlice) { 返回blob。webkitSlice(开始、结束类型); 其他}{ 把新的错误(“这行不通!”); } }JavaScript之团对象类型的具体使用方法