使用Java脚本将图像转换为Base64数据URL
若要使用javascript将图像从HTML页面标签转换为数据URI，首先需要创建一个canvas元素，将其宽度和高度设置为与图像相同，在其上绘制图像，最后在其上调用toDataURL方法。
这将返回图像的base64编码数据URI。例如，如果您具有ID为my-image的图像，则可以使用以下命令-
示例
function getDataUrl(img) {
//创建画布
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
//设置宽度和高度
canvas.width = img.width;
canvas.height = img.height;
//绘制图像
ctx.drawImage(img, 0, 0);
return canvas.toDataURL('image/jpeg');
}
//选择图像
const img = document.querySelector('#my-image');
img.addEventListener('load', function (event) {
const dataUrl = getDataUrl(event.currentTarget);
console.log(dataUrl);
});
输出结果
这将给出输出-
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAADSCAMAAABThmYtAAAAXVB
-
我有申请发邮件。图书馆使用了斯威夫特·梅勒。我已经生成了用于发送电子邮件html字符串，其中包含各种标记，包括标记我可以将img src标记转换为bas64图像吗 至
-
然而，当我这样做的时候，什么也没有出现。我在logcat中没有任何错误。我做错了什么？ 谢谢
-
问题内容： 用户选择后，我想在 base64中 获取图像（提交表单之前） 就像是 ： 我了解了文件API和其他内容，我想要一个简单的跨浏览器解决方案（显然不包括IE6 / IE7） 任何帮助表示感谢。 问题答案： function readFile() { （ PS： 一个base64编码的图像（字符串）为原始图像数据大小的4/3）
-
问题内容： 这是一个有趣的话题。基本上，我有一个包含一些文本的图像。如何从图像中提取文本？ 我已经尝试了很多事情，但是我所做的一切都很繁琐，通常无法正常工作。我只是想知道是否有一个相当简单的方法来做到这一点。 我遇到了这个问题：http : //sourceforge.net/projects/javaocr/。我已经尝试了好几个小时，但是我无法将其从图像中转换为文本。 谢谢大家！ 问题答案： 您
-
问题内容： 我正在尝试使用jQuery插件即crop.js裁剪/调整用户个人资料图像的大小，该插件通过ajax将用户图像作为base64发送给我的控制器 但我无法解码此base64 字符串作为图像，你们可以指导我如何将base64字符串作为图像保存在服务器上吗？ 问题答案： 假设有几件事，您知道输出文件名是什么，并且您的数据以字符串形式出现。我确定您可以修改以下内容以满足您的需求： 请注意，这只是
-
问题内容： 我有一个要求用户将其图像上传到哪里，我必须将其转换为某种内容并将其发送到.Net REStful服务。我是angular js的新手。有人可以帮忙吗 问题答案： 我建议您使用 https://github.com/ninjatronic/angular- base64 。 在按照说明使用该库之后，您可以简单地调用： 不要忘记在模块中注入：