LOGO OA教程 ERP教程 模切知识交流 PMS教程 CRM教程 开发文档 其他文档  
 
网站管理员

[点晴永久免费OA]在线pdf演示插件Chrome PDF Viewer(pdf.js) Chrome插件

admin
2017年1月8日 22:29 本文热度 9042
PDF Viewer(PDF.js)插件概述

pdf.js是一款基于HTML5的PDF(Portable Document Forma)格式文件的网页阅读器chrome插件。pdf.js由 Mozilla Labs 社区支持,目标是创建一个通用的、基于WEB平台的解析和阅读PDF文件的阅读器。
chrome pdf viewer

PDF Viewer(PDF.js)插件功能介绍

 pdf.js是一个开源项目。要在你的网页中应用pdf.js有两种方式:预建模式和从源文件中创建模式。PDF.js是一个pdf在线预览插件,可以很方便的查看pdf内容,还可以下载在线pdf。pdf.js框架的魅力所在,为其为HTML5实现的,无需任何本地支持,而且对浏览器的兼容性也是比较好,要求只有一个:浏览器支持HTML5就好了。

PDF Viewer(PDF.js)插件下载与安装

Chorme PDF Viewer插件怎么安装?

1. 如果你能够打开chrome应用商店,并且可以找到Chrome PDF Viewer插件,那么直接点击“添加至chrome”,如下图所示:
pdfjs

2.如果你的chrome应用商店无法打开,你从本站或者其他途径获得了
Chrome PDF Viewer插件,那么就选择离线安装该插件。由于Chrome PDF Viewer插件同其他chrome插件一样都是CRX格式的,所以具体的安装方法请参照:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件? 如果CRX格式插件不能离线安装怎么办

PDF Viewer(PDF.js)插件使用说明

在PDF Viewer插件安装成功后,通过该方法在安装pdf.js文件后使用pdfjs-dist/build/pdf.js来创建阅读器。

要查看PDF文件,可以简单的打开viewer.html,并在其后添加参数指定打开的PDF文件。

 <a href="/web/viewer.html?file=%2Fyourpdf.pdf">Open yourpdf.pdf with PDF.js</a>                 

PDF.JS插件怎么用?

1.首先获取源码使用:

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

构建使用:

$ node make generic

2.构建build内容,例如把generic拷贝到Tomcat的webapps中
pdf viewer

启动Tomcat后,就可以通过:

http://localhost:8080/generic/web/viewer.html

进行访问!可以看到一个很帅气的界面:
pdfviewer2

generic/web/viewer.html主要是渲染pdf阅读器的样式,而generic/web/viewer.js则是指定打开的pdf文件(当然还有其他功能,不过这些都不是我们关心的),我们看位于generic/web/viewer.js的一段代码:

 

pdfviewer3

这就告诉我们,可以通过传递file形参来动态指定打开的pdf文件!如:

http://localhost:8080/generic/web/viewer.html?file=qbs.pdf

4.具体嵌入项目中是如何运用的:

可以把generic中的内容作为第三方插件进行使用,在项目中可以像如下存放:
pdfviewer5

然后页面可以使用<iframe>标签来加载pdf
 
<iframe src="<c:url value="/resources/plugin/pdfJs/generic/web/viewer.html" />?file=<c:url value="/publicity/displayPDF.do" />" width="100%" height="800"></iframe>
 
效果图,如下:

 pdfviewer5

更多插件介绍参加:优秀chrome插件推荐

PDF Viewer(PDF.js)插件英文介绍

Uses HTML5 to display PDF files directly in the browser.
PDF.js is a Portable Document Format (PDF) viewer that is built with HTML5.

PDF.js is community-driven and supported by Mozilla Labs. Our goal is to create a general-purpose, web standards-based platform for parsing and rendering PDFs.

This extension provides PDF.js as the default PDF viewer in Chrome.

If you want to use this viewer to view local files, visit chrome://extensions/?id=oemmndcbldboiebfnladdacbdfmadadm and put a check before "Allow access to file URLs".

Please report any issues at https://github.com/mozilla/pdf.js/issues

Don''t have a Github account? I also accept feedback at rob@robwu.nl

Known issue: PDF files generated via a form (POST request) cannot be viewed. 查看更多

在线pdf演示插件Chrome PDF Viewer(pdf.js) Chrome插件基本信息

插件名称:在线pdf演示插件Chrome PDF Viewer(pdf.js)插件作者:Rob W插件语言:English官方站点:https://github.com/mozilla/pdf.js/issues/3042插件唯一标识:oemmndcbldboiebfnladdacbdfmadadm

在线pdf演示插件Chrome PDF Viewer(pdf.js) Chrome插件用户数和评分

下载次数:461795用户评分:4.22161 (共5分)参与评分人数:361

在线pdf演示插件Chrome PDF Viewer(pdf.js) Chrome插件文件信息

当前版本:1.0.1061最后更新日期:2015-01-07文件大小:1.74MB

在线pdf演示插件Chrome PDF Viewer(pdf.js) Chrome插件下载地址


该文章在 2017/1/8 22:29:58 编辑过
关键字查询
相关文章
正在查询...
点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。
点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理,结合码头的业务特点,围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体,是物流码头及其他港口类企业的高效ERP管理信息系统。
点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。
点晴免费OA是一款软件和通用服务都免费,不限功能、不限时间、不限用户的免费OA协同办公管理系统。
Copyright 2010-2024 ClickSun All Rights Reserved