base64 url java 图片_使用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