怎么让html页面以PDF格式显示?

html-css018

怎么让html页面以PDF格式显示?,第1张

判断一下agent, 然后引用这个 https://github.com/mozilla/pdf.js

可以在各种支持html5的浏览器显示pdf

另外,只有里Linux和Windows需要这个, Mac平台在系统底层原生支持pdf (就像Windows原生支持txt和zip一样)所以不管什么浏览器都可以直接显示pdf格式.

使用js插件

其中实现阅读pdf文件的js插件很多,比如:pdf.js:是一个技术原型主要用于在 HTML5 平台上展示 PDF 文档,无需任何本地技术支持;jsPDF:是一个使用Javascript语言生成PDF的开源库

这个 PDFObject.js,是一个 JavaScript 库用来在HTML中动态嵌入 PDF 文档。

js代码:

<script type="text/javascript">

window.onload = function (){

var success = new PDFObject({ url: "sample.pdf" }).embed()

}

</script>

OK,这样就可以了。只要把地址写对即可。

若我在某一个div中加载pdf咋办呢?看官网,发现embed()方法可以有参数的,无参数是指body,有参数是具体的某一个位置。

<script type="text/javascript">

window.onload = function (){

var success = new PDFObject({ url: "sample.pdf" }).embed(“div的id”)

}

</script>

当然,其中还可以进一步设置参数,比如你想以多少秒的速度预览,有css,无css等

具体的官网如下:http$://$www.$pdfobject$.com/

请去掉$这个符号

一、基本语法 代码如下: embed src=url 说明:embed可以用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU、MP3等等,Netscape及新版的IE 都支持。url为音频或视频文件及其路径,可以是相对路径或绝对路径。