Categories
JavaScript Answers

How to open PDF string in new window with JavaScript?

Spread the love

Sometimes, we want to open PDF string in new window with JavaScript.

In this article, we’ll look at how to open PDF string in new window with JavaScript.

How to open PDF string in new window with JavaScript?

To open PDF string in new window with JavaScript, we can open an empty window and then render an iframe in it.

For instance, we write

const pdfWindow = window.open("");
pdfWindow.document.write(
  `<iframe width='100%' height='100%' src='data:application/pdf;base64,${encodeURI(
    yourDocumentBase64VarHere
  )}''></iframe>`
);

to call window.open with an empty string to open an empty window.

Then we call pdfWindow.document.write with a string with an iframe element in it.

And its src attribute is set to the base64 PDF URL.

Then the PDF will be rendered in the iframe.

Conclusion

To open PDF string in new window with JavaScript, we can open an empty window and then render an iframe in it.

Leave a Reply

Your email address will not be published.

If you like the content of this blog, subscribe to my email list to get exclusive articles not available to anyone else.