如何下載使用渲染的圖像<img>標簽？

Question

讓我解釋一下我的用例：

我有一個頁面，我通過 url（從遠程主機）獲取圖像並顯示它。 另外，我在頁面上有一個按鈕。 單擊時，應下載圖像。 我想下載圖像而不進行任何其他遠程調用。

所以總的來說，我想通過一次獲取圖像來支持兩件事：

• 客戶應該能夠在頁面上看到渲染的圖像。
• 客戶應該能夠通過單擊按鈕下載圖像。

你能幫我解決這個問題嗎？

Answer 1

你看到 window.location.href 了嗎？ https://www.w3schools.com/js/js_window_location.asp

在我的參考項目中，我從后端拍攝了一張圖像，制作了 URL.createObjectURL (img) 並將 function 分配給一個按鈕，該按鈕只需執行 Z05B8C74CBD96FBF2DE4C1A352702 上的 Z05B8C74CBD96FBF2DEFBF2DE4C1A352702.hlocation。 這樣你就可以在另一個瀏覽器window中打開原圖了，但是我不知道它會有多大用處。 然而，這是一個可能的解決方案

Answer 2

實際上沒有辦法直接下載 img 標簽，但是您可以使用將圖像插入到 <a> 元素中，例如：

<img src="img_src">
<a href="img_src" download>
</a>

你是這個意思嗎？