如何使用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');