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>

你可能感兴趣的:(HTML中显示PDF文件)