文件读取

1. ☞  FileReader
   
2.           FileReader                         接口有3个用来读取文件方法返回结果在result中
   
3.           readAsBinaryString    ---将文件读取为二进制编码
   
4.           readAsText                   ---将文件读取为文本
   
5.           readAsDataURL                   ---将文件读取为DataURL
   
6. 
   
7. ☞  FileReader 提供的事件模型
   
8.          onabort            中断时触发
   
9.      onerror            出错时触发
   
10.      onload            文件读取成功完成时触发
    
11.      onloadend        读取完成触发，无论成功或失败
    
12.      onloadstart        读取开始时触发
    
13.      onprogress        读取中
    
14. 
    
15. ☞ 小案例
    
16. let oInput = document.querySelector("input");
    
17.   oInput.onchange = function(){
    
18.     //获取文件
    
19.     let file = this.files[0];
    
20.     //创建读取器
    
21.     let reader = new FileReader();
    
22.     //开始读取
    
23.     reader.readAsText(file);
    
24.     reader.onload = function(){
    
25.       console.log(reader.result);
    
26.     }
    
27.   }
    

复制代码