时间戳

首页 > 解决方案 > 如何使单击链接下载图像？

html - 如何使单击链接下载图像？

问题描述

我一直在环顾四周，我发现由于某种原因适用于某些链接的东西，但是当我尝试下载我的图像时，它只会打开带有图像的页面

<a href="https://i.imgur.com/KBUpwNd.jpg" download="V2Map">Download</a>

我希望这会下载我链接的 imgur 图像，但它只是打开链接，有什么想法可以解决这个问题吗？

标签： html

解决方案

我刚刚做了一个快速测试，在这种情况下，源域似乎很重要。

如果图像在同一个域中，则下载属性可以正常工作。否则它会打开链接。

  • 此属性仅适用于同源 URL。
  • 尽管 HTTP(s) URL 需要同源，但 blob: URL 和 data: URL 是允许的，以便可以下载由 JavaScript 生成的内容，例如在图像编辑器 Web 应用程序中创建的图片。
  • 如果 HTTP 标头 Content-Disposition: 给出的文件名与此属性不同，则 HTTP 标头优先于此属性。
  • 如果 Content-Disposition: 设置为 inline，Firefox 会优先考虑 Content-Disposition，就像文件名大小写一样，而 Chrome 会优先考虑下载属性。

推荐阅读