Como usar o JavaScript para imprimir um PDF

É compreensível que você deseje imprimir um arquivo PDF usando um código encontrado diretamente no seu site. A alternativa é fazer com que o visualizador baixe o arquivo PDF, abra-o e imprima-o em outro programa como o Adobe Acrobat. O uso do JavaScript para imprimir um PDF evita que o usuário final siga as etapas para examinar um arquivo PDF antes de imprimi-lo.

Instruções

Passo 1

Abra seu processador de texto, pois você precisará escrever um código. Uma estrutura online, ou “iframe”, é um elemento dentro de uma página da web projetada para conter um documento externo. Você precisa do elemento iframe porque o JavaScript pode imprimir seu conteúdo. Apenas verifique se o arquivo HTML da página da Web e o PDF estão no mesmo diretório, se você deseja que o código funcione corretamente sem ser modificado. Aqui está o código HTML que deve estar na sua página:

O atributo “src”, ou a fonte, é como o elemento iframe que sabe onde procurar um documento externo. Nesse caso, ele aponta para um arquivo PDF. Portanto, se o arquivo PDF tiver um nome ou caminho diferente, altere “document.pdf” para refletir as informações corretas. O atributo “id” permitirá que você se refira a este iframe com JavaScript.

Etapa 2

Escreva um JavaScript para se referir ao iframe e exibir seu conteúdo. O código HTML a seguir cria um botão “Imprimir” com uma linha de código JavaScript no manipulador de eventos “onclick” para que isso ocorra:

JavaScript refere-se ao elemento HTML iframe usando o identificador “PDFtoPrint” que você atribuiu. Os dois comandos enviados ao iframe para impressão são “focus ()” e “contentWindow.print ()”.

Etapa 3

Salve e teste seu trabalho. É muito provável que você queira salvar o código com uma extensão de arquivo “.htm” que possa ser aberta no navegador da web para testá-lo.

Referências

 

Você pode estar interessado:

Deixe um comentário