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

Question

我想创建一个功能，将图像从网站转换为 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脚本像上面一样读出图片地址并保存在变量中？

感谢您的帮助。

Answer 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');

How to get the adress of an base64 encoded image with javascript