Javascript 如何下载使用<；渲染的图像；img>；标签？

让我解释一下我的用例：

我有一个页面，在那里我通过url（从远程主机）获取图像并显示它。另外，我在页面上有一个按钮。单击时，应下载图像。我想在不打任何其他远程电话的情况下下载图像

因此，总体而言，我希望通过一次图像获取支持两件事：

• 客户应该能够在页面上看到呈现的图像
• 客户应能够通过单击按钮下载图像

---

你能帮我怎么做吗？

你看到window.location.href了吗

---

在我的参考项目中，我从后端拍摄了一张图像，制作了一个URL.createObjectURL（img），并为一个按钮分配了一个函数，该按钮只需执行window.href.location=processeImage on:click。通过这种方式，您可以在另一个浏览器窗口中打开原始图像，但我不知道它会有多有用。然而，这是一个可能的解决方案

实际上没有办法直接下载img标签，但您可以使用在

---

这就是你的意思吗？

这能回答你的问题吗？事实上并不完全如此。我看到它将立即开始下载图像。但是显示图像怎么样？我看不出它在这里有什么帮助。我的观点是只从远程主机获取一次图像，并支持显示和下载。在我的参考项目中，我从后端获取图像，制作一个URL.createObjectURL（img），并为一个按钮分配一个函数，该按钮只需执行window.href.location=ProcesseImage on:单击即可。通过这种方式，您可以在另一个浏览器窗口中打开原始图像，但我不知道它会有多有用。不过，这是一个可能的解决办法不，我不想转到另一页。我想在页面上显示图像，单击按钮后，开始从浏览器下载图像。我编辑了问题。希望现在更清楚了。

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