Как в HTML сделать кнопку для скачивания файла вместо открытия в браузере | Уроки HTML, CSS
Некоторые браузеры, по умолчанию и после “пользовательской настройки“, открывают файлы определенных форматов внутри себя на просмотр. Чаще всего это .pdf, .txt и изображения, и естественно медиа-файлы.
Если нужна ссылка именно на скачивание, а не на открытие файла, то нужно сделать следующее:
В HTML5 это к тегу A просто добавить атрибут download, без каких-либо значений, для ранней версии – тот же атрибут download только присваиваем значение, например - имя файла, под которым будет скачиваться файл.
Вот пример ссылки на скачивание файла:
[a href=“ “ download=“Инструкция к МП.pdf“] Скачать инструкцию [/a]
Вот пример ссылки в виде кнопки на скачивание файла:
[a href=“ “ title=“Скачать инструкцию“ download=“Инструкция к МП.pdf“][button]Инструкция к МП [/button][/a]
Вот пример ссылки в виде картинки кнопки на скачивание файла:
[a href=“ “ title=“Скачать инструкцию“ download=“Инструкция к МП.pdf“][img src=“ “ alt=“ Инструкция к МП “ /][/a]
Обратите внимание – что скачка файла, если вы ваш html документ запустили на локальной машине, происходить не будет, т.к. браузер и так видит что этот файл лежит у вас.
Если вы выложите этот файл на хостинг, то этот атрибут будет работать и браузер будет предлагать скачать, если нет той галочки – что открывать все PDF документы в самом браузере.
Для принудительного скачивания файла, вне зависимости от настроек браузера – вы должны в корень сайта выложенного на хостинг добавить следующие строки в файл .htaccess:
ForceType application/octet-stream
[IfModule mod_charset.c]
CharsetRecodeMultipartForms off
[FilesMatch “\.(gif|jpe?g|png)$“]
ForceType none
[/FilesMatch]
Options None
# Options -ExecCGI
php_flag_engine off
[/IfModule]
Или так, только для PDF (на хостинг добавить следующие строки в файл .htaccess):
[filesmatch “\.(?i:pdf)$“=““]
ForceType application/octet-stream
Header set Content-Disposition attachment
*** Внимание: Угловые скобки в описании нельзя разместить - поэтому вместо них использованы квадратные [ ] !!! ***
#html #файл #скачивание #file #Трёхгорка #Одинцово #дизайн #design
Подписывайтесь на наш канал в YouTube:
Вступайте в нашу группу ВК:
Задавайте вопросы – постараюсь ответить 😊
Удачи в таких классных начинаниях!
1 view
293
59
6 months ago 00:16:59 1
Как сделать, чтобы в России стало меньше мигрантов
6 months ago 00:23:28 1
Корпоративный фильм о компании | TvоёКино
6 months ago 00:01:33 1
Семейный подряд! Учитесь как нужно рыбу ловить в #Зубачи!
6 months ago 00:06:03 1
Обзорная экскурсия по Северному Гоа в рамках тура Новое Измерение
6 months ago 00:01:31 1
АКТЕРЫ ДУБЛЯЖА ЕДУТ НА СУББОТНИК В ПОДМОСКОВЬЕ
6 months ago 00:36:19 1
КАК СДЕЛАТЬ ПРАВИЛЬНУЮ ПЛАНИРОВКУ ДОМА? Советы архитектора.
6 months ago 00:00:58 1
🙏🙏🙏 Как жить в кайф и духовно развиваться #shorts
6 months ago 00:03:48 1
Домашний быстрый творог из магазинного молока как сделать творог из молока рецепт домашнего творога
6 months ago 02:29:23 1
ДЕЯНИЯ АПОСТОЛОВ. Аудио Новый Завет
6 months ago 00:15:27 1
Убери ХОЛКУ НА ШЕЕ раз и навсегда | Простые упражнения для красивой осанки в любом возрасте
6 months ago 02:30:59 1
В Реутове Школу №4 захватывают чиновники и строители ЖК ЭВО? Прямой эфир .
6 months ago 00:20:26 1
Обретение совершенной любви | Джагад гуру Сиддхасварупананда Парамахамса
6 months ago 00:00:59 1
Рост цен на бензин
6 months ago 00:14:40 1
9 книг, которые стоит прочесть
6 months ago 00:12:34 1
Когда мне лень готовить я делаю это блюдо. Курица по венгерски это бесподобно вкусно, что слов нет!!
6 months ago 01:09:38 1
Борис Гребенщиков: пиво с Медведевым, дружба с Сурковым, кофе с Грызловым // А поговорить?..
6 months ago 00:09:33 1
История бизнес-успеха: знаменитая “уральская династия“ Siberian Wellness!
6 months ago 03:14:55 1
Шевелев и Лебедев: конец культуры, оправдание насилия, цензура, любовь к Родине и здоровая психика
6 months ago 00:16:44 1
Как правильно ставить цели и получать то, что хочешь? | Алексей Ситников #любиточтоделаешь
6 months ago 00:19:28 1
Лукашенко: Какой она враг? // Про бизнес, дисциплину и кадры
6 months ago 00:04:59 1
Виниловые ответы. Выпуск 1 - Какой винил шумнее??
6 months ago 00:08:32 1
РАССАДА ИЗ СЛАБОЙ В ЖИРНЕНЬКУЮ ЗА 2 ДНЯ, ПОЛИЛА ЭТИМ И РАССАДА СТАЛА ЖИРНЕНЬКАЯ И КОРЕНАСТАЯ!
6 months ago 00:03:21 1
NILETTO, Олег Майами, Леша Свик - Громче города (mood video)
6 months ago 01:29:17 1
Как и где мы искали будущих жен? Мужчины о любви (Мошура, Первозванский, Конюхов, Ананьев)