Невозможно принудительно загрузить внешнюю ссылку

Question

Согласно этому ответу , вы можете заставить браузер загружать ресурс вместо открытия ресурса.

Однако для этой ссылки, которая ссылается на изображение 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 атрибут работает только для URL того же происхождения: 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>`