如何使用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編碼圖像的地址

回答

相關問題