html - 强制 <a download/> 下载图像而不是打开图像的 url 链接

Question

<分区>

Answer 1

您可能会被 Firefox 和 Chrome 65+ 仅支持同源下载链接这一事实所困扰，这可能是一种安全措施。

来源:https://caniuse.com/#feat=download (请参阅“已知问题”选项卡)

Web 超文本应用技术工作组 (WHATWG) 建议在跨源场景中(如您的示例)，托管相关图像/文件的 Web 服务器需要发送 Content-Disposition download= 的 HTTP header 获得荣誉。

来源:https://html.spec.whatwg.org/multipage/links.html#downloading-resources

---

简而言之:

您只能使用 <a download='...'></a>强制下载图像/文件，如果:

1. html 和图像/文件托管在同一域中，
   或
2. 图像/文件位于不同的域中，并且该服务器还表示应该下载它。