javascript - html5 下载属性在 FF 中不起作用

Question

您好，我有一个带有下载属性的 anchor 标记，单击它会从 href 中定义的 url 下载图像。这在 Chrome 中工作正常，但在 Firefox 中它需要浏览器中的图像。有什么方法可以在 FF 中实现吗

<a href="https://www.ricoh.com/r_dc/r/r8/img/sample_10.jpg" download="JPG">image</a>

Answer 1

问题在于，在 Firefox 中，这仅适用于具有相同来源的文件。来自 MDN :

In Firefox 20 this attribute is only honored for links to resources with the same-origin.

我看到三种解决方案:

• 如果您拥有目标图片并对其具有控制权，您应该从与放置链接的页面相同的域提供它。
• 设置反向代理以通过相同来源提供图像
• 同样，如果您拥有目标站点，则可以使用 Content-Type: application/octet-stream header 为其提供服务，这将强制浏览器下载图像，而不管下载链接如何看起来