pdf.js的使用方法

文章目录

mozilla为我们提供了一个基于html5的pdf插件pdf.js。通过这个插件，可以在网页上直接打开pdf文本，不需要本地支持。Firefox浏览器就是用的这个插件。

pdf.js在github上的地址为https://github.com/mozilla/pdf.js

在github上的源码并不能直接使用，需要先进行构建。
首先打开git，clone到本地：

$ git clone git://github.com/mozilla/pdf.js.git
$ cd pdf.js

然后安装需要支持的包：

$ npm install

最后启动本地文本服务器：

$ node make server

然我们打开http://localhost:8888/web/viewer.html，可以看到：

可以从构建的文件中提取pdf.js的包，下面是我提取的一个包:

百度云

其中包含两个文件夹build和web。在web文件夹内有一个viewer.html的html文件，这个文件主要负责pdf阅读器的结构样式，还有一个js文件viewer.js用于配置参数。在viewer.js中一个DEFAULT_URL常量，用于设置缺省的打开的pdf值。原文件中的默认值为compressed.tracemonkey-pldi-09.pdf。我们也可以通过地址栏参数传递参数来设置要代开的pdf文件，如…/web/viewer.html?file=12.pdf。参数file就是要打开文件的地址。在实际使用中可以通过在html文档中嵌入<iframe>标签实现，通过file来传递参数，如下：

<iframe src="js/pdfJS/web/viewer.html?file=public/嵌入式系统课程教学大纲.pdf" frameborder="0" width="100%" height="500"></iframe>