/***图片文件转换成BASE64字符串,异步任务*@param {File} file图片文件对象*@return {String} BASE64字符串*/
const getBase64 = (file: File) => new Promise((resolve: (url: string) => void, reject) => {const reader = new FileReader();reader.onload = () => {resolve(reader.result as string);};reader.onerror = (error) => reject(error);reader.readAsDataURL(file);
});
FileReader
FileReader
对象允许 Web 应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用File
或 Blob
对象指定要读取的文件或数据。
其中 File 对象可以是来自用户在一个<input>
元素上选择文件后返回的FileList对象,也可以来自拖放操作生成的 DataTransfer对象,还可以是来自在一个HTMLCanvasElement
上执行mozGetAsFile()
方法后返回结果。
重要提示:FileReader 仅用于以安全的方式从用户(远程)系统读取文件内容 它不能用于从文件系统中按路径名简单地读取文件。要在 JavaScript 中按路径名读取文件,应使用标准 Ajax 解决方案进行服务器端文件读取,如果读取跨域,则使用 CORS 权限。