JS-ArrayBuffer，Blob，URL使用说明-第四篇-FileReader

FileReader

FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。

其中File对象可以是来自用户在一个元素上选择文件后返回的FileList对象,也可以来自拖放操作生成的 DataTransfer对象,还可以是来自在一个HTMLCanvasElement上执行mozGetAsFile()方法后返回结果。

FileReader提供了

入参都是Blob对象，输入blob对象，输出其他类型的对象。

readAsText： 输出文件内容，
readAsDataURL：把文件数据输出成base64，这个比较常用

file.onload=function(event){
     console.log(event);
}