How to send a pdf file directly to the printer using JavaScript

Question

How to send a PDF file directly to the printer using JavaScript   I found two answers in a forum    lt embed src  vehinvc pdf  id    Pdf1  name  Pdf1  hidden gt   lt a onClick  document getElementById  Pdf1   printWithDialog    style  cursor hand   gt Print file lt  a gt    and   lt OBJECT id    Pdf2  name  Pdf2  CLASSID  clsid CA8A9780-280D-11CF-A24D-444553540000  WIDTH  364  HEIGHT  290  gt        lt PARAM NAME  SRC  VALUE  file pdf  gt   lt  OBJECT gt   lt a onClick  document Pdf2 printWithDialog    gt Print file lt  a gt     But my problem is that it just works on IE  and doesnt work in Firefox or Chrome   Is there any solution for this

User · Answer

I think this Library of JavaScript might Help you:

It's called Print.js

First Include

<script src="print.js"></script>
<link rel="stylesheet" type="text/css" href="print.css">

It's basic usage is to call printJS() and just pass in a PDF document url: printJS('docs/PrintJS.pdf')

What I did was something like this, this will also show "Loading...." if PDF document is too large.

<button type="button" onclick="printJS({printable:'docs/xx_large_printjs.pdf', type:'pdf', showModal:true})">
    Print PDF with Message
</button>

However keep in mind that:

Firefox currently doesn't allow printing PDF documents using iframes. There is an open bug in Mozilla's website about this. When using Firefox, Print.js will open the PDF file into a new tab.

User · Answer

Try this  Have a button link which opens a webpage  in a new window  with just the pdf file embedded in it  and print the webpage   In head of the main page    lt script type  text javascript  gt  function printpdf      myWindow window open  pdfwebpage html    myWindow close     optional  to close the new window as soon as it opens   this ensures user doesn t have to close the pop-up manually    lt  script gt    And in body of the main page    lt a href  printpdf    gt Click to Print the PDF lt  a gt    Inside pdfwebpage html    lt html gt   lt head gt       lt  head gt    lt body onload  window print    gt   lt embed src  pdfhere pdf   gt    lt  body gt   lt  html gt

User · Answer

lt  php   browser ver   get browser null true     echo  browser ver  browser     if  browser ver  browser       IE       gt    lt  DOCTYPE html gt   lt head gt   lt meta http-equiv  Content-Type  content  text html  charset utf-8    gt   lt title gt pdf print test lt  title gt   lt style gt      html   height 100      lt  style gt   lt script gt      function printIt id            var pdf   document getElementById  samplePDF            pdf click            pdf setActive            pdf focus            pdf print           lt  script gt   lt  head gt    lt body style  margin 0  height 100    gt    lt embed id  samplePDF  type  application pdf  src   pdfs 2010 dash fdm350 pdf  width  100   height  100     gt   lt button onClick  printIt  samplePDF    gt Print lt  button gt     lt  body gt   lt  html gt    lt  php   else     gt   lt HTML gt   lt script Language  javascript  gt   function printfile id         window frames id  focus        window frames id  print         lt  script gt   lt BODY marginheight  0  marginwidth  0  gt    lt iframe src   pdfs 2010 dash fdm350 pdf  id  objAdobePrint  name  objAdobePrint  height  95   width  100   frameborder 0 gt  lt  iframe gt  lt br gt    lt input type  button  value  Print  onclick  javascript printfile  objAdobePrint     gt    lt  BODY gt   lt  HTML gt   lt  php     gt

User · Answer

There are two steps you need to take   First  you need to put the PDF in an iframe      lt iframe id  pdf  name  pdf  src  document pdf  gt  lt  iframe gt    To print the iframe you can look at the answers here   Javascript Print iframe contents only  If you want to print the iframe automatically after the PDF has loaded  you can add an onload handler to the  lt iframe gt       lt iframe onload  isLoaded    id  pdf  name  pdf  src  document pdf  gt  lt  iframe gt    the loader can look like this   function isLoaded       var pdfFrame   window frames  pdf      pdfFrame focus      pdfFrame print        This will display the browser s print dialog  and then print just the PDF document itself   I personally use the onload handler to enable a  print  button so the user can decide to print the document  or not    I m using this code pretty much verbatim in Safari and Chrome  but am yet to try it on IE or Firefox

User · Answer

This is actually a lot easier using a dataURI  because you can just call print on the returned window object      file is a File object  this will also take a blob const dataUrl   window URL createObjectURL file       Open the window const pdfWindow   window open dataUrl       Call print on it pdfWindow print      This opens the pdf in a new tab and then pops the print dialog up

User · Answer

a function to house the print trigger     function printTrigger elementId        var getMyFrame   document getElementById elementId       getMyFrame focus        getMyFrame contentWindow print        an button to give the user access      an onClick on an a or button or input or whatever you wish    lt input type  button  value  Print  onclick  printTrigger  iFramePdf       gt  an iframe pointing to your PDF      lt iframe id  iFramePdf  src  myPdfUrl pdf  style  dispaly none   gt  lt  iframe gt    More   http   www fpdf org en script script36 php

[javascript] How to send a pdf file directly to the printer using JavaScript?

Examples related to javascript

Examples related to html

Examples related to pdf

Examples related to printing