摘要：
我一直认为h5的新功能是一些新标签。在我想研究图像上传预览的原理之前，我发现仍然有很多新的api，但它们与较低版本的ie不兼容。不幸的是，FileAPI添加了一些接口，可以根据表单中的文件输入字段直接访问文件信息。
之前一直觉得h5的新特性就是一些新标签呢，直到想研究一下图片上传预览的原理，才发现还是有好多新的api的，只是不兼容ie低版本，挺可惜的，
File API在表单中文件输入字段基础上，又添加了一些直接访问文件信息的接口。H5在DOM中为文件输入元素添加了一个files集合，在通过表单元素选择了一个或多个文件时，files集合中将包含一组file对象，每个file对象对应一个文件，每个file对象都有下列只读属性：
1、name:本地文件系统的文件名；
2、size:文件的字节大小；
3、type:字符串，文件的MIME类型；
4、lastModifiedDate：字符串，文件上一次被修改的事件，（只有chrome实现了这个属性）
例子：
现在我们获取id为“files-list”的input，type为file，的元素，将该元素上传的文件输出到控制台：
FileReader类型：
FileReader类型实现的是一种异步的文件读取机制，可以把fileReader想象成XMLHttpResquest,区别就是FileReader读取的是文件，而不是远程服务，为了读取文件中的数据，FileReader提供了如下几种方法：
1、readAsTxt，以纯文本的形式读取文件，将读取到的文件保存到result属性中；
2、readAsDataURL，读取文件，并将文件数据URL保存到result属性中；
3、readAsArrayBuffer，读取文件，并将
没写完呢，放假回家