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

我想创建一个函数，将图像从网站转换为pdf并通过按下按钮将其作为下载提供。该图像由python cgi脚本根据用户输入创建。图像的地址是一个base64编码的字符串，它将根据用户请求而改变。例如：如何使用JavaScript获取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脚本读出图像地址并将其保存在上面的变量中？

感谢您的帮助。

来源

2015-05-28 Dukaaza

您可以使用[的FileReader（https：//开头开发商。 mozilla.org/en-US/docs/Web/API/FileReader）对象作为[dataURL]（https://developer.mozilla.org/en-US/docs/Web/API/FileReader/ readAsDataURL） –

[对类似问题的回答]（http://stackoverflow.com/a/5420409/1927589）可能是您正在寻找的内容。 –

你可以得到图像的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');

来源

2015-05-28 16:07:27

你的文章可以帮助我在没有jQuery的情况下获得正确的命令：var im = document.getElementById（“new_img”）。src;谢谢 – Dukaaza

不客气。我编辑了答案并添加了非jQuery方法。公认？ –

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

回答

相关问题