`
webdev2014
  • 浏览: 679318 次
文章分类
社区版块
存档分类
最新评论

网页中浏览pdf文件—小插件

 
阅读更多

需求:JSP网页中要显示pdf文件。

两种方案:一种直接链接,把pdf文件当作img文件,类似<a href=""/>这种形式,这样链接:

<frame src="pdf文件的地址"></frame>

另一种:使用js插件哈。

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

比较简单易上手的js插件:PDFObject.js,是一个 JavaScript 库用来在HTML中动态嵌入 PDF 文档。

效果如下:


PDFObject.js目前已经升级到1.2,可以支持IE9.

PDFObject.js宗旨:Sometimes you need a little JavaScript. When you do, try PDFObject.

来看看少之又少的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/

若有什么问题,可以call me,至于官网,不想看英文,若有需要,可以翻译哦

ps:经过测试,url若写成物理路径,则不显示啊。并且提示拒绝访问。若使用此js,url要写成相对路径啊。

分享到:
评论

相关推荐

    PDFjs的插件,用于网页浏览&下载PDF文件

    浏览build\generic\web\viewer.html,PDFJS在本地直接浏览不可用,可挂在服务器上尝试功能。

    保存网页为pdf工具V1.1.7.81免费绿色中文版

    保存网页为pdf工具(保存网页为pdf文件)是一款非常实用的pdf格式文件操作软件。下载如何将网页保存为pdf?使用这款软件可以快速解锁你的问题. 软件简介: 小编给大家推荐的这一款软件保存网页为PDF工具。 如果你在...

    浏览器显示PDF插件,pdfjs.zip,支持ie11和其他浏览器,傻瓜操作,不改代码

    该写法适用于pdf流文件加载,一般情况下不需要修改,如果一定要动,其他部分不用改,只需要修改viewer.js中第4355-4380行代码,,最后var defaultUrl = array;保证defaultUrl中得到值就行了。 最后网页端传入写法:...

    支持扫描版PDF文件转为Word、TXT等

    4.转为网页是将整个PDF文件全部页数转出。 5.转为doc(仅支持word2003以前文件)可以选择需要转出的页数,默认为全部转出。 6.(暂未开放)转为docx(支持word2007 docx文件,支持表格及图片转出保留原布局)可以选择...

    将CSDN文章内容转成PDF文件

    将CSDN文章内容转成PDF文件 使用谷歌浏览器-更多工具-开发者工具-点击标签Console-粘贴源码-回车 里面有拷贝的SCDN网页源码

    良田高拍仪摄像头插件兼容chrome含demo可直接使用

    良田高拍仪兼容chrome进行操作的demo程序,程序需要安装对应的驱动,驱动包含在资源中。控件件支持IE,Chrome,FireFox三大主流浏览器内核,支持Win7,Win8,Win8.1及Win10等操作系统。注意:浏览器需要支持HTML5...

    浏览器插件(C#)

    “Let’s文字“选项功能的表现形式相当于igoogle个人主页中的“天气”应用将“天气”改为“let’s文字”,以往发送的内容则显示在整个“天气”应用版面下方三分之一处,并可滚动查看,三分之二为空白框,为信息粘贴...

    Chrome 扩展插件「Adobe Acrobat」-crx插件

    将当前网页转换为 Adobe PDF 文件(仅限 Windows) 将网页转换为 PDF 文件 注意: • 这是一项仅适用于 WINDOWS 的扩展 • 您的计算机上必须安装了 Adobe Acrobat DC/Adobe Acrobat XI(11.0.09 或更高版本) 通过...

    PDF转Word、转TXT、转网页、转图片,保留原布局和图形表格内容-易语言

    PDF文件 转为 Word 文件格式保留原布局和图形表格内容,转成后可编辑修改您的内容。 支持扫描版 PDF 文件 转为 Word 文件格式保留原布局和图形,(特殊加密的 PDF 文件及无法转换)。 PDF 转换支持库 是一个独立支持...

    PhotoLine32 v14.01 多国语言版

    具有许多强大功能,又可容易使用的图像处理软件,具有图层处理、PhotoShop 滤镜插件、图层样式、网页图像制作、网页动画制作、矢量作图、插入文字图层、多页面处理(可编辑 PDF 文件、icon 文件)等高级图像处理软件...

    划词翻译 | 谷歌(Chrome)浏览器插件

    自带多种网页翻译,弥补国内Chrome网页翻译总是出错的不足; 【插件网站】 https://github.com/Selection-Translator/crx-selection-translate 【插件更新】 2021-03-01 09:53:56 【插件版本】 7.4.9 ...

    jQuery权威指南366页完整版pdf和源码打包

    7.9.2 插件开发要点 7.9.3 开发插件示例 7.10 综合案例分析—使用uploadify插件实现文件上传功能 7.10.1 需求分析 7.10.2 效果界面 7.10.3 功能实现 7.10.4 代码分析 7.11 本章小结 第8章 jquery ...

    Universal Viewer Pro 6.4.5.1

    Universal Viewer 这款简单小巧的文件浏览器,可以打开众多文件类型的文件,从文本文档、二进制文件 到 MP3音乐、从图像文件 到 网页文件,统统不在话下。 包括:文本, 二进制, 十六进制 等RTF, UTF-8编码文档; ...

    Veeva Web2PDF(Beta)「Veeva Web2PDF (Beta)」-crx插件

    动态元素是网页的任何方面,在页面加载时可能不会立即显示,例如图像滑块,下拉菜单或调查表。这些元素通常基于JavaScript,可能需要一些用户交互。您可以使用我们的新提示模式浏览网站并删除提示。只需右键单击要...

    网页设计HTML代码教程笔记.pdf

    Html是英文 HyperText Markup Language 的缩写,中文意思是“超文本标志语言”,用它编写的文件(文档)的扩展名是.html或.htm,它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板或 FrontPage Editor 等...

    论文管理软件 Mendeley-Desktop-1.19.8-win32 下载

    这个软件个人使用感觉一般,但是因为科学上网等原因,还是分享一下吧。...将电脑1中的pdf文件存储文件夹copy到电脑2中,注意:路径要相同。 将电脑1的backup复制到电脑2,然后在电脑2的mendeley中restore backup。

    吉象浏览器 v2.1.0.2483.zip

    支持PDF、JAR、WMA、MP4、AVI、RAR、ZIP、7Z、ACE、ARJ、BZ2、CAB、GZ、LAH、TAR、UUE等100余种文件格式的在线浏览,无论是压缩文件、多媒体文件、文档文件还是电子书文件,无须下载,像浏览网页一样,随点随读!...

    Babylon_Pro_v9.0.7绿色特别版

    Babylon有一个用于pdf文件的插件,支持在pdf文件中的取词。词典分为两类,一类是免费的,但是释义较简单,另一类是收费的,通常是比较有名的词典的在线版本。 除了单词之外,Babylon也提供全文翻译的功能。也可以...

    Flamory-crx插件

    Flamory与网页,电子邮件,本地文件,PDF书籍和其他文档相同。隐私受保护。历史和所有快照留在您的计算机上。他们从未上传到任何云。 Flamory将忽略私人浏览会话和隐藏文件。您可以随时暂停历史记录。注意:对于此...

Global site tag (gtag.js) - Google Analytics