如何下载使用 <img> 标签呈现的图像？

问题描述

让我解释一下我的用例：

我有一个页面，我在其中通过 url（从远程主机）获取图像并显示它。另外，我在页面上有一个按钮。单击后，应下载图像。我想在不进行任何其他远程调用的情况下下载图像。

所以总的来说，我想通过一次图像获取来支持两件事：

• 客户应该能够在页面上看到渲染的图像。
• 客户应该能够通过点击按钮下载图片。

你能帮我解决这个问题吗？

解决方法

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

在我的参考项目中，我从后端获取图像，制作一个 URL.createObjectURL (img) 并将一个函数分配给一个按钮，该按钮只执行 window.href.location = Processedimage on: click。这样你可以在另一个浏览器窗口中打开原始图像，但同样，我不知道它会有多大用处。然而这是一个可能的解决方案

,

实际上没有办法直接下载 img 标签，但你可以使用在 元素中插入图像 喜欢：

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

这是你的意思吗？