javascript - Opening a Base64 encoded PDF in native pdf viewer - Stack Overflow

admin管理员组

文章数量:1326088

I'm working on generating pdfs that contain the image from a html canvas element. I've managed to get an implementation of that working, but I'm having trouble opening the result in a useful way.

PDF.dataURI() returns a string that looks like data:application/pdf;base64,BASE64_ENCODED_PDF_HERE.

I'm currently using window.location = certificate.dataURI() to open up the pdf. I already tried window.open, but Safari wouldn't play nice with it.

RESULTS:

In Firefox, this saves a file that is a random name, followed by .pdf(1).part. In Safari (desktop and mobile), it opens the PDF in the same tab, but doesn't bring up any pdf viewer interface. In Chrome, it opens the PDF in the same tab and brings up the PDF interface.

Basically, my question is how to open a string of that format inside of the browser as a PDF, ideally in a new tab.

Any thoughts?

I'm working on generating pdfs that contain the image from a html canvas element. I've managed to get an implementation of that working, but I'm having trouble opening the result in a useful way.

PDF.dataURI() returns a string that looks like data:application/pdf;base64,BASE64_ENCODED_PDF_HERE.

I'm currently using window.location = certificate.dataURI() to open up the pdf. I already tried window.open, but Safari wouldn't play nice with it.

RESULTS:

In Firefox, this saves a file that is a random name, followed by .pdf(1).part. In Safari (desktop and mobile), it opens the PDF in the same tab, but doesn't bring up any pdf viewer interface. In Chrome, it opens the PDF in the same tab and brings up the PDF interface.

Basically, my question is how to open a string of that format inside of the browser as a PDF, ideally in a new tab.

Any thoughts?

• javascript
• html

Share Improve this question Follow asked Jul 18, 2012 at 15:43 Will StamperWill Stamper 5111 silver badge22 bronze badges 2

• 1 Did you already have a look at pdf.js? – Marcel Korpel Commented Jul 19, 2012 at 17:27
• 1 Is it a problem if you sent it to the server and have it serve a normal version of the document? – Madara's Ghost Commented Aug 10, 2012 at 11:59

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

You can use iframes to view the pdf like below

<object data="data:application/pdf;base64, your_base64_data" type="application/pdf">
<iframe src="https://docs.google./viewer?&embedded=true"></iframe>
</object>

have you tried document.location.href ?

you can try to control UI interface for PDF viewer from appropriate options inside generated pdf but browser may ignore it, so as al

本文标签： javascriptOpening a Base64 encoded PDF in native pdf viewerStack Overflow