微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决如何下载使用 <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>

这是你的意思吗?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。