无法强制下载外部链接答案

【问题标题】：Cannot force download of external link无法强制下载外部链接
【发布时间】：2020-01-22 11:36:15
【问题描述】：

根据this answer，可以强制浏览器下载资源，而不是打开资源。

但是，它不适用于此链接，它链接到 Unsplash 图像：

<a id="dataFileLink" href="https://images.unsplash.com/photo-1556911164-1297abe8527c?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80" download="24.txt" style="">Download File</a>

JSFiddle：https://jsfiddle.net/6cp95ude/

点击链接不会强制下载图片；它只是打开图像进行查看。

【问题讨论】：

download 属性仅适用于同源网址：developer.mozilla.org/en-US/docs/Web/HTML/Element/a
@mulsun 请作为答案发布，以便您获得信用。这解释了为什么它不起作用。谢谢！

标签： html hyperlink download

【解决方案1】：

download 属性仅适用于同源网址：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a

【讨论】：

【解决方案2】：

请试试这个。

`<a id="dataFileLink" href="https://images.unsplash.com/photo-1556911164-1297abe8527c?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80" download style="">
  <img src="https://images.unsplash.com/photo-1556911164-1297abe8527c?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80" alt="Download Image">
</a>`

【讨论】：

阅读How do I format my code blocks?。您的 HTML 是 invalid。这个答案并不能解决问题。