File接口提供了与文件相关的信息，并且运行JavaScript在web页面上去访问文件中的内容。
File对象来自于用户使用input标签选择文件返回的FileList对象，来自于拖放操作的DataTransfer对象。File对象是一种特殊的Blob，它能够在任何能够使用Blob的上下文中使用。
要在web页面中使用文件，通常需要涉及到的对象有：File对象，FileList对象，FileReader对象。
FileList对象
FileList来自于两个地方，分别是input元素的files属性以及drag and drop API(当拖动文件时，event.DataTransfer.files就是一个FileList对象)
| <input id="fileItem" type="file"> var fileList = document.getElementById('fileItem').files |
FileList对象的标准属性
length：这个一个只读属性，这个属性返回FileList对象中包含的File对象的长度。
FileList对象的标准方法
item(index):取得FileList对象中指定位置的File对象。它可以用数组索引的形式去简写
File对象
FileList对象的每一项都是File对象。File对象是一种特殊的Blob。
File对象的标准属性
1.lastModified：返回文件被修改的时间，这个时间是距离1970年1月1日0点0时0分经过的毫秒数。是一个只读属性
2.name：返回文件对象引用的文件的文件名，这是一个只读属性
3.type：返回文件对象引用的文件的文件类型，是MINE type，这个是一个只读属性。
4.size：返回文件对象引用的文件的文件大小，这个一个只读属性。
File对象的标准方法
没有给File对象单独定义方法，但是它有从Blob对象那儿继承来的方法。
FileReader对象
FileReader对象使web应用能够异步读取用户计算机上的文件。
FileReader()是一个构造函数，通过它可以创建一个新的FileReader对象。
var fileReader = new FileReader();
FileReader对象的标准属性
1.error：返回文件读取过程中发生的错误。
2.result：返回文件的内容，返回值得类型是String或者ArrayBuffer。这个属性只有在读取操作完成之后才是合法的。
3.readyState：返回读取操作当前的状态，可能的取值是0：还没有开始读取，1：正在读取，2：读取完成。
FileReader对象的标准方法
1.abort():中断读取操作。readyState的值变成2.
2.readAsArrayBuffer(Blob):读取指定的Blob，如一个File对象（File对象是一种特殊的Blob）。只要读取完成，readyState属性的值就会变为2，result属性是一个表示文件数据的ArrayBuffer。
3.readAsDataURL(Blob):读取指定的Blob，如一个File对象（File对象是一种特殊的Blob）。只要读取完成，readyState属性的值就会变为2，result属性是一个表示文件数据的URL，并且数据格式是base64编码的字符串
