>> Tecnologia Eletrônica >  >> Casa Inteligente >> Vida Inteligente

Como Usar JavaScript para Imprimir um PDF

É compreensível que você queira imprimir um arquivo PDF usando código localizado diretamente na sua página web. A alternativa é fazer seu visualizador baixar o arquivo PDF, abri-lo e imprimi-lo de outro programa como o Adobe Acrobat. Usar JavaScript para imprimir um PDF poupa o usuário final do trabalho de passar pelos passos para examinar um arquivo PDF antes de imprimi-lo.

Passo 1

Abra seu processador de texto, pois você vai precisar escrever algum código. Um quadro inline, ou "iframe", é um elemento dentro de uma página web projetado para conter um documento externo. Você precisa do elemento iframe porque o JavaScript é capaz de imprimir seu conteúdo. Apenas certifique-se de que o arquivo HTML da página web e o arquivo PDF estão no mesmo diretório se quiser que o código funcione corretamente sem ser modificado. Aqui está o HTML que precisa estar na sua página:

O atributo "src", ou fonte, é como o elemento iframe sabe onde procurar um documento externo. Neste caso, ele aponta para o arquivo PDF. Então, se seu arquivo PDF tem um nome de arquivo ou caminho diferente, altere "documento.pdf" para refletir a informação correta. O atributo "id" permitirá que você referencie este iframe com JavaScript.

Passo 2

Escreva um JavaScript para referenciar o iframe e imprimir seu conteúdo. O seguinte HTML cria um botão "Imprimir" com uma linha de JavaScript no manipulador de evento "onclick" para fazer isso acontecer:

O JavaScript referencia o elemento HTML iframe pelo seu ID "PDFparaImprimir" que você atribuiu. Os dois comandos enviados ao iframe para impressão são "focus()" e "contentWindow.print()".

Passo 3

Salve e teste seu trabalho. Você provavelmente vai querer salvar o código com extensão de arquivo ".htm", e então pode ser aberto no seu navegador web para teste.