网站实现在线浏览阅读PDF文件
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title>在指定div中浏览PDF</title>
<!--在此引入bootstrap只为初始化样式div样式-->
<style>
body,html{
font:12px 微软雅黑,Verdana,Arial,Tahoma;
background:#BBB;
}
#example1{
height:500px;
width:500px;
}
</style>
</head>
<body>
<div id="example1"></div>
<script type="text/javascript" src="pdfobject.min.js"></script>
<script>
// 我的pdf文件放在项目的pdf文件夹下,名字叫做zh-cn.pdf
PDFObject.embed("zh-cn.pdf", "#example1");
</script>
</body>
</html>
为什么使用pdfObject?
pdfObject检测浏览器对内联/嵌入式pdf的支持。(如果您想知道,您的浏览器支持嵌入式PDF。你真走运,你!)
如果您使用动态HTML,例如单页Web应用程序,则可能需要动态插入PDF。但是,某些浏览器不支持PDF嵌入。如果插入标记而不首先检查PDF支持,则可能导致内容丢失或UI损坏。
pdfObject实用程序通过检测浏览器中对PDF嵌入的支持来帮助您避免这些情况;如果支持嵌入,则嵌入PDF。如果浏览器不支持嵌入,则不会嵌入PDF。
默认情况下,当浏览器不支持内联PDF时,pdfObject将向PDF插入一个回退链接。这样可以确保您的用户始终可以访问您的PDF文件,并帮助您减少代码编写。可以自定义回退链接,也可以根据需要禁用该选项。
pdfObject已准备好NPM。现代Web应用程序使用NPM来管理包和依赖项。pdfobject 2.x在节点包管理器(NPM)中注册,可以动态加载。
pdfObject还可以方便地指定Adobe专有的“PDF开放参数”。警告:这些参数仅受Adobe Reader支持,大多数PDF阅读器将忽略这些参数,包括Chrome、Edge、Internet Explorer和Safari中内置的PDF阅读器。阅读下面的更多内容。