• FileReader文件读取器，它可以读取任意格式的内容。
• MDN中：

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

const reader = new FileReader();
reader.readAsDataURL(file);
// 其中File对象可以是来自用户在一个<input>元素上选择文件后返回的FileList对象,
// 也可以来自拖放操作生成的 DataTransfer对象,
// 还可以是来自在一个HTMLCanvasElement上执行mozGetAsFile()方法后返回结果。
reader.onload = e => {
     // 成功读取文件
    console.log(e.target.result)
};

• readAsDataURL():
  开始读取指定的Blob中的内容。一旦完成，result属性中将包含一个data: URL格式的Base64字符串以表示所读取文件的内容。