Procurar um link PDF na página com jQuery

Surgiu a necessidade de procurar por links PDF’s dentro de uma página para defini-los como links de download e não para abrir o PDF dentro da própria página, antigamente precisávamos criar uma página PHP e definir os cabeçalhos e tudo mais, só que com o surgimento do HTML5 tudo se tornou mais fácil, basta definir o atributo download no link, desta forma:

<a href="documento.pdf" download="Nome do arquivo no momento de salvar">Clique para baixar</a>

Segue o script:

<script type='text/javascript'>
jQuery(document).ready(function(){
	jQuery('a[href$=".pdf"]').attr('download','Nome Personalizado');
});
</script>

Link antes da execução do script

<a href="documento.pdf">Clique para baixar</a>

Resultado:

<a href="documento.pdf" download="Nome Personalizado">Clique para baixar</a>

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *