js将图片文件转为base64格式

编程入门 行业动态 更新时间:2024-10-20 03:25:53

js将图片文件转为base64<a href=https://www.elefans.com/category/jswz/34/1771175.html style=格式"/>

js将图片文件转为base64格式

/***图片文件转换成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 应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用FileBlob 对象指定要读取的文件或数据。

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

重要提示:FileReader 仅用于以安全的方式从用户(远程)系统读取文件内容 它不能用于从文件系统中按路径名简单地读取文件。要在 JavaScript 中按路径名读取文件,应使用标准 Ajax 解决方案进行服务器端文件读取,如果读取跨域,则使用 CORS 权限。

更多推荐

js将图片文件转为base64格式

本文发布于:2023-11-15 11:40:15,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1598971.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:格式   文件   图片   js

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!