Как использовать атрибут download


HTML5 очень сильно отличается от предыдущих версий: в нём появилось множество новых элементов и атрибутов. Сегодня мы поговорим об атрибуте download. В зависимости от настройки вашего бразуера, многие форматы файлов не отдаются на автоматическую скачку: изображения, другие веб страницы, в некоторых случаях PDF-ки. Благодаря атрибуту download, мы можем исправить эту ситуацию без лишних скриптов. Этот приём может быть очень полезен для сайтов-хранилищ для загрузки и скачки файлов. Использование атрибута download Поскольку для нужного нам эффекта не нужно писать никаких скриптов, просто добавляем к элементу ещё один атрибут: 1 <a href="myFolder/myImage.png" download>Download image</a> Что действительно круто, так это то, что мы можем задать имя скачиваемому файлу. Это очень удобно, особенно если это нужно делать динамически. Для этого просто в атрибут download нужно прописать какое-то значение: 1 <a href="myFolder/reallyUnnecessarilyLongAndComplicatedFileName.png" download="myImage">Download image</a> Кстати говоря, в названии нам не обязательно указывать формат файла, он выставится автоматом. Поддержка браузеров К сожалению, пока что данный атрибут работает только в Chrome 14+ и Firefox 20+, так что нам всё-таки нужно предусмотреть и это. К примеру, таким образом: 01 var a = document.createElement('a'); 02 03 if(typeof a.download != "undefined") 04 { 05 // атрибут поддерживается браузером 06 } 07 else 08 { 09 // атрибут не поддерживается браузером 10 } Вывод По сравнению с тем, что было добавлено в HTML5, атрибут download - это лишь капля в море, но мне кажется, это очень полезная фишка, которая значительно упрощает задачи, связанные с скачиванием файлов.