Современные браузеры всё чаще берут на себя лишнюю работу, открывая медиафайлы и .PDF во встроенном проигрывателе вместо того, чтобы просто сохранить их на диск. Результат может быть плачевным. Попытка открыть большой PDF в браузере может привести к сбою — браузер вылетит с ошибкой.

Браузеры становятся умнее, и это осложняет жизнь пользователям. Если раньше они щёлкали по файлу не задумываясь, то теперь рискуют встретить PDF, поэтому для страховки нажимают правой кнопкой и выбирают в меню «Сохранить как…». Это неудобно, потому что приходится делать лишние нажатия.

К счастью, есть довольно простой способ решить эту проблему на стороне сервера, пишет шведский веб-разработчик Джонатан Сварден (Jonathan Svärdén)

Достаточно использовать команду вида:

<a href="https://xakep.ru/wp-content/uploads/post/60499/hugemothereffinpdf.pdf" download>Скачать файл</a>

В этом случае по нажатию левой кнопки браузер автоматически начнёт скачивание файла.

Можно даже сменить атрибуты файла, например, изменить его название.

<a href="https://xakep.ru/wp-content/uploads/post/60499/9fd-f32ff322.pdf" download="invoice">Скачать файл</a>

В этом случае файл 9fd-f32ff322.pdf будет сохранён как invoice.pdf.

Некоторые пользователи могут предпочесть открытие файла в браузере, так что можно предоставить им выбор.

<a href="https://xakep.ru/wp-content/uploads/post/60499/x.pdf">Посмотреть PDF в браузере</a>
<a href="https://xakep.ru/wp-content/uploads/post/60499/x.pdf" download>Скачать PDF</a>

Естественно, это можно проделывать и с другими форматами файлов.

4 комментария

  1. 28.03.2014 at 10:13

    Спасибо, очень помогло.

  2. 09.10.2014 at 20:33

    да п***** как помогло! море сайтов горе-быдло-кодеров с простынями быдло-кода не дали результата…. А это мега-решение помогло! Чувак, ты лучший!

  3. 01.03.2015 at 15:10

    отлично, с картинками тоже работает. А то в обще измучился.

  4. 02.06.2015 at 16:16

    Гениальное — просто!
    А я через .htaccess настраивал, прописывая каждый тип поотдельности.
    А оказалось всё на уровне тега «a href»!
    Здорово!
    PS И даже если файл без расширения (тип не определить), то всё равно работает!

Оставить мнение