Como usar JavaScript para imprimir um PDF

Escrito por rachel smith | Traduzido por fabrício calmon
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como usar JavaScript para imprimir um PDF
Usando o JavaScript para imprimir um documento PDF (Jupiterimages/Photos.com/Getty Images)

É compreensível que você possa querer imprimir um arquivo PDF usando o código localizado diretamente dentro da pagina da web. A alternativa é fazer o seu visualizador baixar o arquivo PDF, abri-lo e então imprimir através de um outro programa, como por exemplo o Adobe Acrobat. Usar o JavaScript para imprimir o PDF poupa o usuário final dos problemas de passar pelas etapas de análise do arquivo PDF antes de imprimi-lo.

Nível de dificuldade:
Moderado

Outras pessoas estão lendo

O que você precisa?

  • Processador de texto (por exemplo, o Bloco de Notas)
  • Navegador de internet

Lista completaMinimizar

Instruções

  1. 1

    Abra o seu processador de texto, como se você fosse escrever algum código. Um inline frame, ou apenas "iframe", é um elemento dentro de uma página da web designada a manter um documento externo. Você precisa do elemento iframe, pois através dele o JavaScript é capaz de imprimir o seu conteúdo. Apenas certifique-se de que o arquivo HTML do site, e o arquivo PDF, estejam no mesmo diretório, no caso de você querer que o código funcione sem precisar ser modificado. Aqui está o código HTML que precisa estar em sua página:

    <iframe src="documento.pdf" id="PDFtoPrint"></iframe>

    O "src", ou fonte, é o atributo que o elemento iframe usa pra saber onde procurar por um documento externo. Neste caso, ele direciona ao arquivo PDF. Então, se o seu arquivo PDF tem um nome de arquivo ou caminho diferente, mude o "documento.pdf" para ser condizente com a informação correta. O atributo "id" irá permitir que você use como referência esse iframe com o JavaScript.

  2. 2

    Escreva em JavaScript para referenciar o iframe e imprimir o seus dados. A HTML a seguir cria um botão de "Imprimir" com uma linha de comando de JavaScript para manipular o evento "onclick" e para fazer isso acontecer:

    <input type="button" value="Print" onclick="document.getElementById('PDFtoPrint').focus(); document.getElementById('PDFtoPrint').contentWindow.print();">

    O JavaScript se refere ao elemento iframe do HTML através do seu ID "PDFtoPrint" que você atribuiu. Os dois comandos enviados para ao iframe para a impressão são "focus ()" e "contentWindow.print ()".

  3. 3

    Salve e teste o seu trabalho. Você provavelmente vai querer salvar o código com a extensão ".htm", e então ele poderá ser aberto em seu navegador para realizar o teste.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível