Question

根据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/

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

Answer 1

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

Answer 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>`

无法强制下载外部链接

2 个答案: