Как да създадете връзка за изтегляне

2024 Автор: Abigail Brown | [email protected]. Последно модифициран: 2023-12-17 06:40

Интересно е как някои неща се превръщат в пълен кръг. В ранните дни на мрежата браузърите автоматично изтегляха връзки към файлове, които не бяха уеб страница, като изображения, PDF файлове и документи. След това браузърите станаха толкова напреднали, че можеха да отварят почти всеки файл в реално време. Това обаче създаде проблем за разработчиците. Как бихте принудили браузър да изтегли файл, вместо да го отвори? Появиха се куп хакове и решения за решаване на проблема, но никой не беше истинско решение. Всичко това се промени с HTML5, когато беше въведен атрибутът за изтегляне.

Сега разработчиците могат да добавят специален атрибут за изтегляне към своите HTML anchor тагове, за да кажат на браузърите да третират връзката като изтегляне, вместо да отварят целевия файл. Има няколко различни начина, по които можете да използвате атрибута за изтегляне, за да контролирате начина, по който браузърите обработват вашите връзки за изтегляне. Дори по-добре, всички съвременни браузъри поддържат атрибута за изтегляне, така че не трябва да виждате проблеми със съвместимостта или необходимостта от резервен вариант.

Има няколко различни начина, по които можете да боравите с атрибута за изтегляне. Всеки има своите предимства и всички работят безпроблемно в различни браузъри.

Атрибутът за обикновено изтегляне

Най-лесният начин да използвате атрибута за изтегляне е просто да го включите в най-основната му форма във вашите котвени тагове. Не е необходимо да включвате допълнително име на файл или друга подкрепяща информация. Резултатът изглежда така:

Изтеглете сега!





Като включите „изтегляне“, вие казвате на всеки браузър, който чете страницата, да изтегли целевата връзка, вместо да я отваря. В този случай браузърът ще изтегли файла точно както е със същото име.






Промяна на името на файла
Какво се случва, ако наистина искате да промените името. Има много случаи, в които бихте искали да направите това. Автоматично генерираните имена на файлове са добър пример. Обикновено имат абсурдно дълги имена с низове от боклук. Това не е изживяването, което искате за вашите посетители. Можете да стандартизирате нещата с атрибута за изтегляне.
За да посочите име на файл, задайте атрибута за изтегляне равен на него. Изключете файловото разширение. Браузърът не може и не иска да конвертира типа на файла, така че няма смисъл да опитвате.
Изтеглете сега!
Вашите посетители ще изтеглят файла като your-file.pdf.

Изтегляне на изображение
Заедно с това идва опростен начин да позволите на вашите потребители да изтеглят изображения директно. Това не е революционно и вероятно можете да го сглобите сами, но можете да използвате атрибута за изтегляне, за да създадете връзка към изображение за изтегляне.





Започнете, като зададете изображение, както обикновено, на страницата си. Това, разбира се, ще бъде изображението, което е достъпно за изтегляне.
След това капсулирайте всичко в anchor таг, свързвайки пътя на изображението.
Накрая добавете атрибута за изтегляне към вашия anchor таг. Можете да промените името на вашето изображение, ако желаете.





Сега, когато посетител щракне върху изображението, той автоматично ще го изтегли директно от вашия сървър. Не е необходимо и може да изглежда пресилено за разработчика, но колко посетители на сайта биха се сетили да щракнат с десния бутон върху изображение, за да го видят или изтеглят?