0
159
2019-04-28

Как автоматически загружать PDF-файлы через jQuery при переходе по ссылке

Рассмотрим пример jQuery кода который позволит автоматически загружать pdf файлы при клике по ссылке ведущей на pdf файл.
Понравилась страница? Поставь свою оценку!
PLUGIN_STAR_RATINGS.SCORE_TEXTPLUGIN_STAR_RATINGS.VOTES_TEXT

Вы столкнулись с тем что при клике по ссылке которая ведет к pdf файлу, открывается этот самый файл в новой вкладке, но вам нужно чтобы он был автоматически загружен? Все, что вам нужно сделать, это добавить атрибут download к вашей ссылке HTML.

<a href="/resources/newsletter.pdf" download>Загрузить PDF</a>

Но подождите, атрибут поддерживается не во всех браузерах! Ну на самом деле атрибут не будет работать в Internet Explorer или Safari. Итак, следующая лучшая вещь - убедиться, что ссылка открывается в новой вкладке, когда ее не возможно загрузить черех download.

<a href="/resources/newsletter.pdf" target="_blank" download>Загрузить PDF</a>

Поскольку вы, вероятно, не можете рассчитывать на то, что ваши редакторы контента знают HTML, гораздо менее надежно устанавливайте эти атрибуты для каждой ссылки, которую они создают, лучше всего было бы добавить этот фрагмент кода jQuery на ваш сайт:

/ **
 * Принудительно загружает все PDF-ссылки, если браузер это поддерживает.  
 * В противном случае откроет ссылку в новом окне или вкладке браузера.
 * /
jQuery(document).ready(function($) {
   $('a[href$=".pdf"]')
        .attr('download', '')
        .attr('target', '_blank'); 
});

Теперь у вас есть простой и надежный способ обработки ссылок на скачивание для Вашего сайта.




Статья была переведена для блога TechBlog.SDStudio.top

Источник: wpscholar.com