HTML中显示PDF文件

本文章属于转载：原创位置

第一种方法（什么都不需要加载，添加文件地址就可以了）：

<object data="http://yoursite.com/the.pdf" type="application/pdf" width="750px" height="750px">
    <embed src="http://yoursite.com/the.pdf" type="application/pdf">
        <p>This browser does not support PDFs. Please download the PDF to view it: <a href="http://yoursite.com/the.pdf">Download PDF</a>.</p>
    </embed>
</object>

方法二：PDFObject
关于PDFObject，大家可以阅读这个文档：https://pdfobject.com/

具体实现代码：

<div id="example1"></div>
<script src="/js/pdfobject.js"></script>
<script>PDFObject.embed("/pdf/sample-3pp.pdf", "#example1");</script>