JavaScript将文件转为base64格式
首先放上 MDN文档地址
使用场景:因业务需要使用到了 Ant Design 的 Upload 组件上传文件。当上传文件为图片格式时,会自带一个 thumbUrl 属性,值为缩略图的base64格式。
因业务需求是用作 OCR 识别,因此缩略图是不行的,需要使用原图,否则识别不准,不满足产品需求。
因此,就需要使用手动转换,因此用到了 FileReader 。
代码如下:
// 图片文件转为 base64
getPictureBase64 = (file) => {
return new Promise((resolve, reject) => {
const reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = () => resolve(reader.result);
reader.onerror = (error) => reject(error);
});
};
// 使用 frontFile, backFile 为 upload 组件得到的文件列表
onSubmit = async () => {
const { frontFile, backFile, cardType } = this.state;
let imgFrontFileUrl = await this.getPictureBase64(frontFile[0].originFileObj);
let imgBackFileUrl = await this.getPictureBase64(backFile[0].originFileObj);
};
分类:
JavaScript
标签:
FileReader
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?