Прескочи към основното съдържание Прескочи към навигацията
Учебна програма HTML5 и CSS3

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

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


Описание на урока

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

За да предоставите файл за сваляне, е достатъчно да посочите пътя до него в линка. Браузърът обаче сам решава дали да го отвори или да го изтегли – ако разпознава формата (напр. 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, които указват на браузъра как да третира ресурса.

Дискусия към урока

Задавайте въпроси, споделяйте опит и помагайте на останалите да учат заедно.
можем да укажем на браузъра си с кой продукт да отваря даден вид ресурси? Редовно се налага прикачените файлове на съобщения в mail.bg (MP4, JPG, DOC) и на още…
3
4