a href download file

Дата публикации: 2014-09-15

От автора: Атрибут download позволяет нам заставлять компьютер или мобильное устройство пользователя загружать медиа файлы.

Давайте детальнее познакомимся с атрибутом download в HTML5.

Итак, атрибут download позволяет нам заставлять компьютер или мобильное устройство пользователя загружать медиа файлы. Например:

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Обычно, когда мы ставим ссылку на HTML документ, PDF, файл изображения или другие медиа файлы, они открываются в браузере, когда пользователь переходит по ссылке.

Но если гиперссылка содержит атрибут download, такой как в примере выше, то браузер полуучает инструкции загружать файл, таким же образом, как и если ссылка указывает на файл .zip или .exe.

Атрибут download откроет диалог “Сохранить”, в браузере Firefox, давая пользователю возможность сохранить файл на компьютер или мобильное устройство.

Атрибут download отлично подходит для файлов PDF, изображений, видео и аудио клипов, и другого медиа контента, который бы ваши пользователи сохраняли на свои устройства.

Изменение имени файла

Вы можете изменить имя загружаемого файла, задав значение атрибуту download. Например:

HTML5 очень сильно отличается от предыдущих версий: в нём появилось множество новых элементов и атрибутов. Сегодня мы поговорим об атрибуте download.

В зависимости от настройки вашего бразуера, многие форматы файлов не отдаются на автоматическую скачку: изображения, другие веб страницы, в некоторых случаях PDF-ки. Благодаря атрибуту download, мы можем исправить эту ситуацию без лишних скриптов. Этот приём может быть очень полезен для сайтов-хранилищ для загрузки и скачки файлов.

Использование атрибута download

Поскольку для нужного нам эффекта не нужно писать никаких скриптов, просто добавляем к элементу ещё один атрибут:

Что действительно круто, так это то, что мы можем задать имя скачиваемому файлу. Это очень удобно, особенно если это нужно делать динамически. Для этого просто в атрибут download нужно прописать какое-то значение:

Кстати говоря, в названии нам не обязательно указывать формат файла, он выставится автоматом.

Поддержка браузеров

К сожалению, пока что данный атрибут работает только в Chrome 14+ и Firefox 20+, так что нам всё-таки нужно предусмотреть и это. К примеру, таким образом:

Вывод

По сравнению с тем, что было добавлено в HTML5, атрибут download — это лишь капля в море, но мне кажется, это очень полезная фишка, которая значительно упрощает задачи, связанные с скачиванием файлов.

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока:
Перевел: Станислав Протасевич
Урок создан: 26 Апреля 2013
Просмотров: 24779
Правила перепечатки

5 последних уроков рубрики «HTML и DHTML»

• 

Лайфхак: наиполезнейшая функция var_export()

При написании или отладки PHP скриптов мы частенько пользуемся функциями var_dump() и print_r() для вывода предварительных данных массив и объектов. В этом посте я бы хотел рассказать вам о функции var_export(), которая может преобразовать массив в формат, пригодный для PHP кода.

17 бесплатных шаблонов админок

Парочка бесплатных шаблонов панелей администрирования.

30 сайтов для скачки бесплатных шаблонов почтовых писем

Создание шаблона для письма не такое уж простое дело. Предлагаем вам подборку из 30 сайтов, где можно бесплатно скачать подобные шаблоны на любой вкус.

Как осуществить задержку при нажатии клавиши с помощью jQuery?

К примеру у вас есть поле поиска, которое обрабатывается при каждом нажатии клавиши клавиатуры. Если кто-то захочет написать слово Windows, AJAX запрос будет отправлен по следующим фрагментам: W, Wi, Win, Wind, Windo, Window, Windows. Проблема?.

15 новых сайтов для скачивания бесплатных фото

Подборка из 15 новых сайтов, где можно скачать бесплатные фотографии для заполнения своих сайтов.

При наличии атрибута download браузер не переходит по ссылке, а предложит скачать документ, указанный в адресе ссылки.

Синтаксис

Значения

Если атрибут download пишется без значения, то файл скачивается и сохраняется под своим исходным именем, как оно написано на сервере. В качестве значения можно указать рекомендуемое имя файла для сохранения на диск пользователя. При этом файл будет скачан и сохранён с именем, указанным в значении download . Расширение файла при этом останется исходным.