html pdf viewer: failed to load pdf document

Question

I want to open a pdf file on my html document, but the file won't open. Chrome said

Failed to load PDF document.

Please help.

the pdf and the html are on the same location on the localhost of my computer.

<!DOCTYPE html>
<html>
    <body>
        <embed src="1.pdf" width="500" height="375" type='application/pdf'>
    </body>
</html>

Check this link [Recommended way to embed PDF in HTML?](http://stackoverflow.com/a/2199443/4879022) — Techie, Feb 11 '16 at 10:54
Possible duplicate of [Recommended way to embed PDF in HTML?](http://stackoverflow.com/questions/291813/recommended-way-to-embed-pdf-in-html) — Techie, Feb 11 '16 at 10:55
Or this: [HTML embedded PDF iframe](http://stackoverflow.com/q/19654577/1207195) for a more generic solution. — Adriano Repetti, Feb 11 '16 at 10:56

score 0 · Answer 1 · answered Feb 11 '16 at 11:02

below code are working for PDF in chrome browser

<object data="Certification-Study-Guide-MCD-v2.2.pdf" type="application/pdf">
   <embed src="Certification-Study-Guide-MCD-v2.2.pdf" type="application/pdf" />
</object>

<iframe id="iframepdf" src="Certification-Study-Guide-MCD-v2.2.pdf"></iframe>

score 0 · Answer 2 · answered Oct 13 '17 at 07:44

After Struggling with this problem i came to solution, By Referring this Link Here. Hope this help someone.

JS:

var file = b64toBlob(pdfBase64, 'application/pdf');//pdfBase64 without content type 
var fileURL = URL.createObjectURL(file);

HTML

//Added dynamically by Jquery in my case
<iframe src="'+fileURL +'" style="width:600px; height:500px;" frameborder="0"></iframe>

html pdf viewer: failed to load pdf document

2 Answers2