PDF.js的github地址:
https://github.com/mozilla/pdf.js
开始:
在线demo
https://mozilla.github.io/pdf.js/web/viewer.html
浏览器扩展
火狐
谷歌
/*
猜测大致意思是:
火狐发起的在线PDF查看,我们想要使用的pdf.js是javascript版本的,而我们经常在浏览器上也可以预览pdf文件,那个是浏览器自身支持的,2个是不同的。
但2个应该属于一个大的项目,这里面也可以构建 浏览器的应用扩展
*/
获取代码
从远程拉取代码到本地:
git clone git://github.com/mozilla/pdf.js.git
cd pdf.js
需要安装 'node.js'
需要在全局安装 'gulp'
npm install -g gulp-cli
安装PDF.js依赖:
npm install
最后,需要开启一个本地服务器,因为一些浏览器不允许通过 'file://' URL,来打开PDF文件
gulp server
之后,可通过下面链接来访问
http://localhost:8888/web/viewer.html
也支持通过侧边栏,查看所有PDF测试文件
http://localhost:8888/test/pdfs/?frame
注意:以上需要支持ES6的浏览器,旧版本浏览器查看 '构建PDF.js'(下面)
构建PDF.js
为了将所有 'src/' 下的文件生成2个生产环境的脚本,并且构建通用的 'PDF查看器',运行:
gulp generic
该命令将在 'build/generic/build/' 目录下,生成 'pdf.js' 和 'pdf.worker.js' 2个文件。2个文件都是必须的,但我们在代码中引入pdfjs时,只需要引入 'pdf.js','pdf.worker.js' 会被 'pdf.js' 来加载。
PDF.js文件比较大,在生产环境使用必须压缩!!!
在web应用使用PDF.js
在web应用中使用PDF.js,可以选择使用 '预构建(pre-build)' 版本或从源码构建。官方已经对 NPM和Bower 的预构建版本支持,在 'pdfjs-dist' 命名下。查看 '在网站上建立 pdf.js'
PDF预览之PDF.js的github翻译
最新推荐文章于 2023-06-10 07:20:31 发布