浏览器客户端的文件资源处理(Bolb,File,FileReader,URL)

浏览器客户端的文件资源处理

• File 文件
• FileReader 文件读取器
• URL 资源路径对象
• Bolb 二进制对象

一、Blob

(1) 什么是Blob？

• Blob是一个大的二进制对象构造器（类）
• Blob() 构造函数返回一个新的 Blob 对象。 blob的内容由参数数组中给出的值的串联组成。

(2) Blob参数

• array 是一个由ArrayBuffer, ArrayBufferView, Blob, DOMString 等对象构成的 Array ，或者其他类似对象的混合体，它将会被放进 Blob。DOMStrings会被编码为UTF-8。
• options 是一个可选的BlobPropertyBag字典，它可能会指定如下两个属性：
  • type，默认值为 “”，它代表了将会被放入到blob中的数组内容的MIME类型。
  • endings，默认值为"transparent"，用于指定包含行结束符\n的字符串如何被写入。 它是以下两个值中的一个： “native”，代表行结束符会被更改为适合宿主操作系统文件系统的换行符，或者 “transparent”，代表会保持blob中保存的结束符不变

(3) 示例

var aFileParts = ['<a id="a"><b id="b">hey!</b></a>']; // 一个包含DOMString的数组
var oMyBlob = new Blob(aFileParts, {
   type : 'text/html'}); // 得到 blob

(4) 对象属性

• size
• type

二、File

(1) 什么是File？

• File是一个文件对象，保存着文件数据
• 该File()构造函数创建一个新的File对象实例。

(2) File参数

• bits
  的Array的ArrayBuffer，ArrayBufferView，Blob，USVString对象，或上述任何物体的