TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

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

1 060

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

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

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

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

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

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

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

Источник записи:

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее