File API 包含 FileList 对象,FIle对象,Blob对象,FileReader对象。
FileList表示用户选择列表,HTML5中是可以使用多文件。
Blob对象有两个属性,size和type,File对象继承与Blob对象。通过type可以确定文件类型,比如判断图片文件类型:/image\/\w+/.test(file.type)
FileReader把文件读入内存,并读文件内容。
FIleReader的5个对象:readAsBinaryString(将文件读取为二进制字符串), readerAsText(读取为文本数据), readAsDataUrl(使用url), abort(中断);
6个事件:onabort(中断触发), onerror(出错触发), onloadstart(开始读取触发), onprogress(读取中触发), onload(读取成功触发), onloadend(始终都会触发)
读取为url例子(其他的类似):
var reader = new FileReader();
reader.readAsDataUrl(file);
reader.onload = function(e){
img.src = this.result;
};