js 操作文件

• 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字符串以表示所读取文件的内容。

• FileReader 可以把文件读取成各种格式,所以这里可以利用这个特性,进行编码的转换,如 ArrayBuffer, Blob对象 和 字符串, base64 之间的相互转换/单向转换