使用JavaScript将图像转换为数据URI
若要使用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
-
本文向大家介绍使用Java脚本将图像转换为Base64数据URL，包括了使用Java脚本将图像转换为Base64数据URL的使用技巧和注意事项，需要的朋友参考一下 若要使用javascript将图像从HTML页面标签转换为数据URI，首先需要创建一个canvas元素，将其宽度和高度设置为与图像相同，在其上绘制图像，最后在其上调用toDataURL方法。 这将返回图像的base64编码数据URI。例
-
问题内容： 我想将PDF页面转换为图像（PNG，JPEG / JPG或GIF）。我希望它们有整页尺寸。 使用Java如何做到这一点？哪些库可用于实现此目的？ 问题答案： 您将需要一个PDF渲染器。市场上有一些或多或少的好工具（ICEPdf，pdfrenderer），但是如果没有，您将不得不依靠外部工具。免费的PDF渲染器也无法渲染嵌入的字体，因此仅适用于创建缩略图（您最终想要的）。 我最喜欢的外部
-
当使用PDFBox将PDF（可填充）转换为Jpeg时。复选框中的勾号将转换为方框字符 警告[org.apache.pdfbox.rendering.type1glyph2d]代码52(a20)没有字形，字体为ZapfDingbats public static void main(String[]args)引发异常{ 我如何设置字体到PDF图像代码？
-
问题内容： 有什么方法可以将图像转换为javascript中的二进制数据，反之亦然。 问题答案： 我想用JavaScript获取图像数据？回答您的问题： 将标签传递给此功能。它将以base64编码返回图像。但是它将被重新编码。因此，您无法访问原始图像数据。
-
因此，我有一个网络摄像头功能，可以将base64 URI返回给我，但我无法将其保存到AWS，因为它需要一个图像对象。有没有办法将URI转换成javascript对象？（文件对象与文件浏览器输入标记返回的相同） 我想把这个换成 这件事 可能吗？怎样提前谢谢。。
-
问题内容： 我需要将图像转换为base64字符串，以便可以将图像发送到服务器。是否有任何js文件用于此…？其他如何转换 问题答案： 您可以使用HTML5 ： 创建一个画布，将图像加载到其中，然后用于获取base64表示形式（实际上，它是一个URL，但其中包含base64编码的图像）。