Атрибут download
При наличии атрибута download браузер не переходит по ссылке, а предложит скачать документ, указанный в адресе ссылки.
Синтаксис
Обязательный атрибут
Значения
Значение по умолчанию
По умолчанию этот атрибут выключен.
HTML5 IE Cr Op Sa Fx
download Открыть файл в браузере
Скачать файл
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Типы тегов
HTML5
Блочные элементы
Строчные элементы
Универсальные элементы
Нестандартные теги
Осуждаемые теги
Видео
Документ
Звук
Изображения
Объекты
Скрипты
Списки
Ссылки
Таблицы
Текст
Форматирование
Формы
Фреймы
Ссылка на скачивание файла .txt и .pdf
Еще есть такой совет для вебсерверов с поддержкой .htaccess, но я не пробовал:
htaccess — простой файл конфигурации, который позволяет изменять конфигурацию веб-сервера на стороне веб мастера. Именно он помогает обходить те запреты, которые устанавливает хостер, так как сам конфигурационный файл хостер не предоставляет в редактирование, но зато дает возможность управлять параметрами веб сервера при помощи .htaccess
В который необходимо добавить запись в виде.
AddType application/download .pdf
или в зависимости от того как будет происходить сохранение файла
AddType application/octet-stream .pdf
или
AddType application/force-download .pdf
После этого все файлы в формате pdf будут именно скачиваться на ваш компьютер, а не открываться в браузере.
либо странный способ:
Так же можно в ссылку вставить download=»»
MnogoBlog
Как создать сайт на wordpress, настроить и оптимизировать wordpress
Html ссылка с автоматическим скачивание
MnogoBlog > WordPress > Расширения wordpress > Хаки > Html ссылка с автоматическим скачивание
Здравствуйте, если Вы хотите сделать ссылку, чтобы кликая по ней файл автоматически скачивался, а не открывался достаточно применить к ссылке параметр download.
Скачать исходники для статьи можно ниже
Пример ссылки с автоматическим скачивание файла:
Например вот две ссылки, по одной картинка откроется, по другой скачается автоматически:
Смотреть картинку
Скачать картинку
Есть небольшой нюанс, если у вас на сайте стоит плагин лайтбокса, например Simple Lightbox, то нужно исключить часть теста или ссылку, чтобы плагин лайтбокса в данной ссылке не работал. Например, для плагина Simple Lightbox достаточно воспользоваться шорткодами “slb_exclude” и закрывающим “/slb_exclude”:
Сведения о плагине Simple Lightbox (на момент публикации статьи):
Сайт плагина: “ru.wordpress.org/plugins/simple-lightbox/”
Автор: Archetyped
Активных установок: 200000+
Как создать ссылку для скачивания файла без плагина на вордпресс
Вордпресс
Просмотров 2.3к. Опубликовано 03.01.2022
Как сделать ссылку для скачивания файла с сайта на вордпресс. Частенько бывает так, необходимо создать ссылку для загрузки какого-либо файла, например мп3. При этом хочется, чтобы она была прямой ссылкой для скачивания, а не ссылкой на какой-то другой сайт (типа облака или хранилища как яндекс диск).
Как на сайте сделать скачивание файла без плагина
Вдруг вы захотели на какой-нибудь статье поставить ссылку на скачивание, но только из-за одной статьи не хочется установить целый плагин.
Да и плагин не нужен. Можно самому сделать разные варианты ссылок для скачивания файла.
Сделать это можно при помощи ссылки на файл в режиме редактирования кода. Для этого применяются специальные HTML теги.
Ниже пойдёт речь о том как сделать ссылку для скачивания файла.
HTML атрибут download
Для того, чтобы передать какой либо файл для скачивания пользователю, в HTML ссылки нужно прописать атрибут download.
Структура ссылки для скачивания в html строится следующим образом.
Внимание! Скобки убираем в начале и в конце кода, вот эти (<)(>), оставляем только знаки которые внутри
(<)a href=»#» download=»»>текст ссылки)
текст ссылки
Вместо знака решётки # указываем ссылку на файл который нужно скачать, ссылку берем в разделе медиафайлы.
В атрибуте download ничего указывать не нужно. Браузер сам обнаружит что файл нужно скачивать, а не открывать.
А это вариант со всплывающей подсказкой (не забудьте убрать скобки):
(<)a title=»?» href=»#» download=»»>текст ссылки)
текст ссылки
В кавычках атрибута title прописываем текст всплывающей подсказки, там где вопросительный знак.
Редактируем все это в режиме HTML , выбираем «текст», а не «визуально».
Текстовая ссылка
Код:
скачать файл
Результат: скачать файл
Скачать через кнопку
Код:
Появится вот такая кнопка:
Скачать файл