如何使用 javascript 获取 base64 编码图像的地址

Posted 2023-05-07

【中文标题】如何使用 javascript 获取 base64 编码图像的地址

【英文标题】：How to get the adress of an base64 encoded image with javascript

【发布时间】：2015-05-28 15:37:05

【问题描述】：

我想创建一个功能，将图像从网站转换为 pdf，并通过按下按钮将其用作下载。该图像由 python cgi 脚本根据用户输入创建。图片的地址是一个base64编码的字符串，会根据用户的请求而改变。例如：

<img src='data:image/png;base64,iVBORw0KGgoAAAAN....='/>

我找到了这段代码。

var imgData = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD...';
var doc = new jsPDF();

doc.addImage(imgData, 'JPEG', 15, 40, 180, 180);

在此示例中，您必须已经知道字符串。有没有办法让java脚本读出图像地址并将其保存在上面的变量中？

感谢您的帮助。

【问题讨论】：

您可以使用FileReader 对象将图像作为dataURL 读取

This answer to a similar question 可能就是您要找的。​​span>

【参考方案1】：

可以这样获取图片的src：

<img id="new_img" src="data:image/png;base64,iVBORw0KGgoAAAAN....="/>

var imgData = document.getElementById("new_img").src;

或者你可以像这样使用 jQuery：

var imgData = $('#new_img').attr('src');

【讨论】：

你的帖子帮助我在没有 jQuery 的情况下获得正确的命令： var im = document.getElementById("new_img").src;谢谢

不客气。我编辑了答案并添加了非 jQuery 方法。接受了吗？