html 插入可阅读pdf,网站实现在线浏览阅读PDF文件

在指定div中浏览PDF

body,html{

font:12px 微软雅黑,Verdana,Arial,Tahoma;

background:#BBB;

}

#example1{

height:500px;

width:500px;

}

// 我的pdf文件放在项目的pdf文件夹下，名字叫做zh-cn.pdf

PDFObject.embed("zh-cn.pdf", "#example1");

为什么使用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阅读器。阅读下面的更多内容。