网页上查看pdf的方案:

  • 1.使用adobe reader的插件
  • 2.使用在线office控件
  • 3.使用火狐开源项目pdf.js(浏览器需支持html5)
  • 4.将pdf转换为swf文件
  • 5.使用pdfobject.js

下面我来讲一讲各种方案的实现,第一种使用adobe reader 插件就是需要用户安装adobe reader软件,ActiveX控件。

  1. window.onload = isAcrobatPluginInstall;
  2. function isAcrobatPluginInstall() {
  3. var flag = false;
  4. // 如果是firefox浏览器
  5. if (navigator.plugins && navigator.plugins.length) {
  6. for (x = 0; x < navigator.plugins.length; x++) {
  7.  
  8. if (navigator.plugins[x].name == 'Adobe Acrobat')
  9. flag = true;
  10. return;
  11. }
  12. }
  13. // 下面代码都是处理IE浏览器的情况
  14. else
  15. if (window.ActiveXObject) {
  16. for (x = 2; x < 10; x++) {
  17. try {
  18. oAcro = eval("new ActiveXObject('PDF.PdfCtrl." + x + "');");
  19. if (oAcro) {
  20. flag = true;
  21. }
  22. } catch (e) {
  23. flag = false;
  24. }
  25. }
  26. try {
  27. oAcro4 = new ActiveXObject('PDF.PdfCtrl.1');
  28. if (oAcro4)
  29. flag = true;
  30. } catch (e) {
  31. flag = false;
  32. }
  33. try {
  34. oAcro7 = new ActiveXObject('AcroPDF.PDF.1');
  35. if (oAcro7)
  36. flag = true;
  37. } catch (e) {
  38. flag = false;
  39. }
  40. }
  41. if (flag) {
  42. return true;
  43. } else {
  44. alert("对不起,您还没有安装PDF阅读器软件呢,为了方便预览PDF文档,请选择安装!");
  45. //location = 'http://ardownload.adobe.com/pub/adobe/reader/win/9.x/9.3/chs/AdbeRdr930_zh_CN.exe';
  46. document.getElementById("IfNoAcrobat").style.display = "block";
  47. document.getElementById("showdiv").style.display = "none";
  48. }
  49. return flag;
  50. }
  51. <object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="990" height="600" border="0" top="-10" name="pdf">
  52. <param name="toolbar" value="false">
  53. <param name="_Version" value="65539">
  54. <param name="_ExtentX" value="20108">
  55. <param name="_ExtentY" value="10866">
  56. <param name="_StockProps" value="0">
  57. <param name="SRC" value="文件路径">
  58. <!-- 这里重复设置属性值,主要是因为firefoxChrome支持embed,而不支持param -->
  59. <embed src="文件路径" quality="high" bgcolor="#ffffff" width="990" height="700" align="center" type="application/pdf" pluginspage="http://www.macromedia.com/go/getflashplayer" />
  60. </object>

第二种使用在线的office控件

我使用的是一款叫做PageOffice的产品,功能很强大,不过好像要收费,有试用版的!官方文档很详细,自己搜索吧!

第三种使用pdf.js预览

这个也比较简单,去github上下载开源项目,打开里面的example.html直接将面的路径替换成你自己的就行了,里面有些文件可以删除!

第四种将pdf文件转换成swf文件,即使用flash查看

大致思路是安装swftools软件,利用java代码启动进程将pdf转换成swf,然后将路径传回前台即可!

简单贴一下代码

  1. 1 try {
  2.  
  3. String command = t + "pdf2swf.exe -i " + sourceFile + " -o "//t是swftools软件的安装的根目录 sourceFile 目标文件路径 destFile目的文件路径
  4. + destFile;
  5. Process pro = Runtime.getRuntime().exec(command);
  6.  
  7. BufferedReader bufferedReader = new BufferedReader(
  8. new InputStreamReader(pro.getInputStream()));
  9. while (bufferedReader.readLine() != null) {
  10.  
  11. }
  12. pro.waitFor();
  13. return pro.exitValue();
  14. } catch (InterruptedException e) {
  15. e.printStackTrace();
  16. } catch (IOException e1) {
  17. e1.printStackTrace();
  18. }

有个问题可能需要注意一下如果使用的是tomcat服务器   tomcat文件夹是不允许其他软件随便写的,建议先生成在其他文件夹下  然后java代码移动到项目路径下

第五种使用pdfobject.js

这个也是github上的开源项目,可以直接去下载,使用起来也是相当简单

  1. <script type="text/javascript" src="pdfobject.js"></script>
  2.  
  3. <script type="text/javascript">
  4.  
  5. window.onload = function (){
  6.  
  7. var success = new PDFObject({ url: "sample.pdf" }).embed();
  8.  
  9. };
  10. </script>

网页上预览pdf文件的几种方案的更多相关文章

  1. pdfjs预览pdf文件的两种方式(可复制)

    1.以图片形式进行展示: version:采用1.x版本,2.0版本会有字体显示不完整的问题:参考 这里使用1.8.170 <script th:src="@{/pdfjs/build ...

  2. 文档控件NTKO OFFICE 详细使用说明之预览PDF文件(禁止打印、下载、另存为、防抓包下载)

    1.在线预览PDF文件(禁止打印.下载.复制.另存为) (1) 运行环境 ① 浏览器:支持IE7-IE11(平台版本还支持Chrome和Firefox) ② IE工具栏-Internet 选项:将ww ...

  3. fis3+vue+pdf.js制作预览PDF文件或其他

    人生第一篇博客,的确有点紧张,但有些许兴奋,因为这对于我来说应该是一个好的开始,以此励志在技术的道路上越走越远. 看过了多多少少的技术博客,给自己带来了很多技术上的收获,也因此在想什么时候自己也可以赠 ...

  4. 用pdf.js实现在移动端在线预览pdf文件

    用pdf.js实现在移动端在线预览pdf文件1.下载pdf.js    官网地址:https://mozilla.github.io/pdf.js/ 2.配置    下载下来的文件包,就是一个demo ...

  5. 【转】Python编程: 多个PDF文件合并以及网页上自动下载PDF文件

    1. 多个PDF文件合并1.1 需求描述有时候,我们下载了多个PDF文件, 但希望能把它们合并成一个PDF文件.例如:你下载的数个PDF文件资料或者电子发票,你可以使用python程序合并成一个PDF ...

  6. 使用pdfjs插件在线预览PDF文件

    前言 本文介绍在html中使用 pdfjs插件在线预览PDF文件的方法. 实现步骤 下载 pdfjs 并引入项目中 到PDFJS官网 http://mozilla.github.io/pdf.js/g ...

  7. html页面预览pdf文件使用插件pdfh5.js

    html预览pdf文件需要依赖pdf.js 移动端适配需要pdfh5.js 记录移动端适配pdfh5.js的用发 在线预览: https://www.gjtool.cn/pdfh5/pdf.html? ...

  8. 前端使用pdf.js预览pdf文件

    现在的浏览器基本都支持直接把pdf文件拖到浏览器就可以打开了,不用安装额外的插件.但是不同的浏览器显示的页面不一样.如果我们想在网页上统一预览pdf怎样实现呢? Mozilla开源了一个插件pdf.j ...

  9. 前端使用pdf.js预览pdf文件,超级简单

    现在的浏览器基本都支持直接把pdf文件拖到浏览器就可以打开了,不用安装额外的插件.但是不同的浏览器显示的页面不一样.如果我们想在网页上统一预览pdf怎样实现呢? Mozilla开源了一个插件pdf.j ...

随机推荐

  1. Ubuntu18.04 安装redis

    Redis是常用基于内存的Key-Value数据库,比Memcache更先进,支持多种数据结构,高效,快速.用Redis可以很轻松解决高并发的数据访问问题:作为实时监控信号处理也非常不错. 安装red ...

  2. zabbix 图形注释乱码

    1.寻找字体文件 1.1 首先需要找到zabbix后台的字体文件路径,字体文件的后缀为.ttf [root@zabbix ~]# cd /usr/share/zabbix/ [root@zabbix ...

  3. ui自动化之selenium操作(五)简单元素操作--续

    1. 多窗口切换 有时候需要在多窗口切换,webdriver提供了switch_to_window()方法支持切换窗口: from selenium import webdriver import o ...

  4. 清北学堂提高组突破营游记day4

    今天主攻图论. 对于这道题,30分做法是暴力搜索全部来判断是否有异样. 对于满分做法,利用带权并查集.? 又带我们串了一边LCA 安利个人LCA博客. spfa代码.原理:循环队列. 然后是floyd ...

  5. Web service基础

    Web service是Web应用程序 平台是XML+http XML是不同平台和不同编程语言之间的语言,用于编解码数据. http是因特网协议 XML是web service的基础 Web serv ...

  6. .NET mocking框架Telerik JustMock发布R2 2019|附下载

    Telerik JustMock是一个灵活.功能齐全的.NET mocking框架.Telerik JustMock能够简化单元测试,现在测试复杂的场景比以前更加容易了.同时JustMock还与Vis ...

  7. thinkphp查询构造器和链式操作、事务

    插入 更新记录 查询数据 删除数据 插入数据----name这种用法,会去config.php中去寻找前缀,如果你定义了前缀tp,那么执行下条语句会查询对tp_data的插入操作 链式操作---> ...

  8. HDU-1045-Fire Net(最大匹配)

    链接: https://vjudge.net/problem/HDU-1045#author=zzuli_contest 题意: 假设我们有一个有直街的广场城市.城市地图是一个方形板,有n行和n列,每 ...

  9. 《Spring源码深度解析》二

    第二章:容器的基本实现 2.1 基本用法 首先定义一个Bean:(假设在bean包下) 然后定义配置文件: 测试类: 当然,这并非是企业级用法,此处只是用来分析学习其实现 2.2 功能分析 上述三图代 ...

  10. vue中为computed计算属性传参遇到的问题,已解决

    首先介绍下项目背景, 需要将 dataList 中的 item.stars 属性传入 computed 返回要展示的值 部分代码如下(请不要纠结为什么这么做,数据格式确认如此): <li cla ...