Прескочи към основното съдържание Прескочи към навигацията
Допълнения към урока
Учебна програма HTML5 и CSS3
6. Линкове, навигация и меню

Сваляне на файлове

-51,13 € за ВЕЛИКДЕН: Вземи курс "HTML5 и CSS3" за    127,31 € 76,18 €  ВИЖ ТУК

Пълен достъп до курса: Не

За пълен достъп или безплатна проба (2 модула), моля влезте или се регистрирайте.


Как да накарате браузъра да сваля файл вместо да го отваря

За да предоставите файл за сваляне, е достатъчно да посочите пътя до него в линка. Браузърът обаче сам решава дали да го отвори или да го изтегли – ако разпознава формата (напр. JPG), ще го отвори. За да принудите сваляне, използвайте HTML5 атрибута download, който указва, че ресурсът трябва да бъде изтеглен.

Стъпка по стъпка: създаване на линк за сваляне

  1. Създайте линк и в href посочете името или пътя до файла (напр. archive.zip).
  2. Ако искате файлът да се отвори в нов таб, добавете target="_blank".
  3. Тествайте:
    • При .zip файл браузърът ще предложи сваляне, защото не го визуализира директно.
    • При изображение (напр. images/photo.jpg) браузърът ще го отвори в нов таб.
  4. За да се свали и изображението, добавете атрибута download към линка.
  5. Запазете и презаредете страницата – файлът вече ще се изтегля.

Имайте предвид, че download се поддържа от повечето съвременни браузъри (Chrome, Firefox), но не от всички.

Използвани HTML атрибути

  • href – указва пътя до файла или ресурса.
  • target="_blank" – отваря линка в нов таб.
  • download – инструктира браузъра да изтегли файла вместо да го визуализира.

За по-сигурен контрол върху свалянето могат да се използват и сървърни headers, които указват на браузъра как да третира ресурса.