h5文件操作API

Posted by VickyWu on March 13, 2017

关于文件操作的几个重要JS对象

1.Blob对象

Blob是原始数据对象,提供了slice方法(获取某块数据),size(数据大小)、type(数据MIME类型)属性。

2.FileList对象

File对象的集合。

<input type="file" id="File">
var fileList=$("#File").files;

变量fileList即为FileList对象。

FileList

3.File对象

继承自Blob对象,指向一个具体的文件。比Blob对象多了name(名称)、lastModifiedData(最后修改时间)属性。即为FileList数组中的每一项实例。

4.FileRender对象

用来读取文件里的数据。

4.1 readAsBinaryString(Blob) 传入一个Blob对象,然后读取数据的结果作为二进制字符串的形式放到FileReader的result属性中。

4.2 readAsText(Blob, optional DOMString encoding) 第一个参数传入Blog对象,然后第二个参数传入编码格式,异步将数据读取成功后放到result属性中,读取的内容是普通的文本字符串的形式。

4.3 readAsDataURL(Blob blob) 传入一个Blob对象,读取内容可以做为URL属性,也就是说可以将一个图片的结果指向给一个img的src属性。

relust属性