Загрузка ресурсов в HTML5 - [скачать]

Chrome теперь поддерживает новый атрибут download HTML-спецификации для a . При использовании этот атрибут означает, что ресурс, на который он указывает, должен быть загружен браузером, а не переходить к нему.

Из ресурсов для скачивания :

Например, если щелкнуть следующую ссылку, файл .png будет загружен как «MyGoogleLogo.png» вместо перехода к его значению href : download me . Разметка для этого следующая:

<a href="http://web-central.appspot.com/.../web-fundamentals-icon192x192.png" download="WebfundamentalsLogo">download me</a>

Реальное преимущество a[download] будет при работе с URL-адресами blob: и файловой системой: URL -адресами. Это даст пользователям возможность загружать контент, созданный/измененный в вашем приложении.

Полная демо-версия

Следует отметить, что в приведенном выше примере изображение имеет то же происхождение, что и веб-сайт. Если вы попытаетесь использовать ссылку на изображение из другого источника, ссылка может не работать как ссылка для навигации, а не как ссылка для скачивания. Это связано с тем, что многие версии браузера не поддерживают политику загрузки файлов из разных источников. Например, версии Chrome до 65 позволяли загружать файлы перекрестного происхождения, а в более поздних версиях это было признано устаревшим. Прочтите это для более подробной информации. Вы можете использовать заголовок Content-Disposition для принудительной загрузки из другого источника.

Поддержка браузера: только текущая версия канала разработки Chrome (14.0.835.15+) поддерживает этот атрибут.