Question

我想在pdf文档上打开html文件，但该文件无法打开。 Chrome说

无法加载PDF文档。

请帮忙。

pdf和html位于我计算机localhost的同一位置。

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

Answer 1

下面的代码适用于Chrome浏览器中的PDF

<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>

Answer 2

在遇到这个问题之后，我来到解决方案，通过引用此链接Here。希望这有助于某人。

<强> 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：无法加载pdf文档

2 个答案: