Sometimes, we want to print PDF directly from JavaScript.
In this article, we’ll look at how to print PDF directly from JavaScript.
How to print PDF directly from JavaScript?
To print PDF directly from JavaScript, we can call the print method.
For instance, we write
<embed
type="application/pdf"
src="path_to_pdf_document.pdf"
id="pdfDocument"
width="100%"
height="100%"
/>
to embed the PDF with an embed element.
Then we write
const printDocument = (documentId) => {
const doc = document.getElementById(documentId);
if (typeof doc.print === "undefined") {
setTimeout(() => {
printDocument(documentId);
}, 1000);
} else {
doc.print();
}
};
to define the printDocument function.
In it, we get the embed element with getElementById.
Then we run printDocument repeatedly until the doc.print method is defined.
Once it’s defined, we call doc.print to open the print dialog.
Conclusion
To print PDF directly from JavaScript, we can call the print method.
