Есть несколько вещей, которые могут происходить.
Но сначала атрибут download
работает только в следующих условиях ;
Этот атрибут работает только для URL того же происхождения. (например: страница со ссылкой должна находиться в домене csaint.esac.esa.int
, так как именно на нее указывает ссылка.)
Несмотря на то, что URL-адреса HTTP (s) должны быть одного происхождения, blob: URL-адреса и data: URL-адреса разрешены, чтобы можно было загружать содержимое, сгенерированное JavaScript, например изображения, созданные в веб-приложении для редактирования изображений. (В вашем случае ваша страница HTTPS?)
Если заголовок HTTP Content-Disposition: дает другое имя файла, чем этот атрибут, заголовок HTTP имеет приоритет над этим атрибутом.
Если для Content-Disposition: установлено значение inline, Firefox отдает приоритет Content-Disposition, как регистр имени файла, в то время как Chrome устанавливает приоритет для атрибута загрузки.
С точки зрения вашего синтаксиса, если вы не хотите менять имя файла, оно должно выглядеть так:
<a [...] href='example.com/image.jpg' download></a>
Если вы хотите изменить имя файла, тогда вам следует установить для атрибута значение.
<a [...] href='example.com/image.jpg' download='myImage.jpg'></a>
Когда дело доходит до доступности браузера, это довольно хорошо. Однако есть такие, которые не поддерживают его, например, IE. Вы можете посмотреть на детали здесь: https://caniuse.com/#feat=download