如何使用JavaScript将图像转换为base64字符串

JavaScript

阳光伽罗

2020-03-12

我需要将图像转换为base64字符串,以便可以将图像发送到服务器。是否有任何js文件用于此...?其他如何转换

第1326篇《如何使用JavaScript将图像转换为base64字符串》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

4个回答
江山如画 2020.03.12

好吧,如果您使用的是dojo,它为我们提供了直接编码或解码为base64的方法。

尝试这个:

要使用dojox.encoding.base64编码字节数组:

var str = dojox.encoding.base64.encode(myByteArray);

要解码base64编码的字符串:

var bytes = dojox.encoding.base64.decode(str);
小胖前端逆天 2020.03.12

据我所知,可以通过FileReader()或将其存储在canvas元素中将图像转换为base64字符串,然后使用toDataURL()来获取图像。我遇到了类似的问题,您可以参考此问题。

将图像转换为已加载的画布

小小猿 2020.03.12

您可以使用FileAPI,但几乎不受支持。

飞云逆天 2020.03.12

您可以使用HTML5 <canvas>

创建一个画布,将图像加载到其中,然后用于toDataURL()获取base64表示形式(实际上,它是一个data:URL,但其中包含base64编码的图像)。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android