Як створити посилання для завантаження

Створіть посилання, які завантажують файли, а не відображають їх

Цікаво, як деякі речі набувають повного кола. На початку Інтернету браузери автоматично завантажували посилання на файли, які не були веб-сторінками, як-от зображення, PDF-файли та документи. Потім браузери стали настільки вдосконаленими, що вони змогли відкрити майже будь-який файл у режимі реального часу. Однак це створило проблему для розробників. Як би ви змусили браузер завантажити файл, а не відкривати його? Для вирішення проблеми виникла купа хакків та обхідних шляхів, але жодне не було справжнім рішенням. Все змінилося з HTML5, коли було представлено атрибут завантаження .

Тепер розробники можуть додати спеціальний атрибут завантаження до своїх тегів HTML-прив’язки, щоб наказати браузерам трактувати посилання як завантаження, а не відкривати цільовий файл. Існує кілька різних способів, за допомогою яких можна використовувати атрибут завантаження для керування способом обробки браузерами посилань на завантаження. Ще краще, що всі сучасні браузери підтримують атрибут завантаження, тому у вас не повинно виникати проблем із сумісністю або необхідністю резервного копіювання.

Існує кілька різних способів обробляти атрибут завантаження. У кожного є своя користь, і всі вони плавно працюють у різних браузерах.

Звичайний атрибут завантаження

Найпростіший спосіб використання атрибута "Завантажити" - це просто включити його в найосновнішій формі до своїх якорних тегів. Вам не потрібно включати додаткове ім’я файлу або будь-яку допоміжну інформацію. Результат виглядає приблизно так:

Скачати зараз!

Включивши "завантажити", ви повідомляєте будь-якому браузеру, який читає сторінку, завантажувати цільове посилання, а не відкривати його. У цьому випадку браузер завантажить файл точно так само, як і з такою ж назвою.

Зміна імені файлу

Що станеться, якщо ви насправді хочете змінити ім’я. Є багато випадків, коли ви хочете це зробити. Автоматично створені імена файлів - хороший приклад. Зазвичай вони мають смішно довгі назви зі струнами сміттєвих символів. Це не той досвід, який ви хочете для своїх відвідувачів. Ви можете стандартизувати речі за допомогою атрибута "Завантажити".

Щоб вказати ім'я файлу, встановіть атрибут завантаження, рівний йому. Виключіть розширення файлу. Браузер не може і не перетворить тип файлу, тому немає сенсу намагатися.

Скачати зараз!

Ваші відвідувачі завантажать файл у форматі your-file.pdf.

Завантаження зображення

Поряд із цим пропонується спрощений спосіб дозволити користувачам завантажувати зображення безпосередньо. Це не революційно, і ви, ймовірно, можете скласти їх разом, але ви можете використовувати атрибут завантаження, щоб створити завантажуване посилання на зображення.

Почніть з налаштування зображення, як зазвичай на вашій сторінці. Це, звичайно, буде зображення, яке можна завантажити.


Потім інкапсулюйте все це тегом прив’язки, посилаючись на шлях зображення.




Нарешті, додайте атрибут завантаження у свій тег прив’язки. Ви можете змінити назву свого зображення, якщо хочете.




Тепер, коли відвідувач натисне зображення, він автоматично завантажить його безпосередньо з вашого сервера. Це не обов'язково, і це може здатися надмірним для розробника, але скільки відвідувачів сайту думають правою кнопкою миші на зображення, щоб переглянути або завантажити його?