[JS进阶] JS 之Blob 对象类型

2014-11-30 21:23 62712人阅读 评论(2) 收藏 举报

 分类：

Web-编程语言（160） 

版权声明：本文为博主原创文章，未经博主允许不得转载。

目录(?)[+]

什么是Blob?

Blob 是什么？ 这里说的是一种Javascript的对象类型。

oracle 中也有类似的栏位类型。

在 

[JS进阶] HTML5 之文件操作(file)

这一篇中用到了File对象，而实际上 file 对象只是 blob 对象的一个更具体的版本，blob 存储着大量的二进制数据，并且 blob 的 size 和 type 属性，都会被 file 对象所继承。

所以， 在大多数情况下，blob 对象和 file 对象可以用在同一个地方，例如，可以使用 FileReader 借口从 blob 读取数据，也可以使用 URL.createObjectURL() 从 blob 创建一个新的 URL 对象。

如何创建Blob

1. 使用旧方法创建 Blob 对象。

旧的方法使用 BlobBuilder 来创建一个Blob 实例，并且使用一个 append() 方法，将字符串（或者 ArrayBuffer 或者 Blob，此处用 string 举例）插入，一旦数据插入成功，就可以使用 getBlob() 方法设置一个 mime 。

[javascript] view plain copy

1. <script>  
2.   var builder = new BolbBuilder();  
3.   builder.append("Hello World!");  
4.   var blob = builder.getBlob("text/plain");  
5. </script>  

2. 新方法创建Blob 对象

在新的方法中直接可以通过 Blob() 的构造函数来创建了。
构造函数，接受两个参数，第一个为一个数据序列，可以是任意格式的值，例如，任意数量的字符串，Blobs 以及 ArrayBuffers。第二个参数，是一个包含了两个属性的对象，其两个属性分别是：

type -- MIME 的类型。

endings -- 决定 append() 的数据格式，（数据中的 \n 如何被转换）可以取值为 "transparent" 或者 "native"（t* 的话不变，n* 的话按操作系统转换；t* 为默认） 。

[javascript] view plain copy

1. <script>  
2.   var blob = new Blob(["Hello World!"],{type:"text/plain"});  
3. </script>