IE上在线浏览PDF

工作中遇到在IE中，在线显示PDF的需求，项目采用的是SpringMvc。

这里有二种情况，一是在jsp中显示pdf，还有一种就是html中显示PDF。运用所遇到的问题是在html中显示PDF，针对IE而言可以用jsp直接显示出来，或者使用Adobe Reader软件来实现在线预览的功能。

现在就来讲如何用jsp实现PDF在线预览的功能：

控制层代码如下：

public String forwardFileViewSh(HttpServletRequest request,HttpServletResponse response, ModelMap model) throws IOException {String pdfPath = "E://PDF.pdf";pdfPath.replaceAll("", "\\");System.out.println(pdfPath);FileInputStream fis = new FileInputStream(pdfPath);int i = fis.available();byte data[] = new byte[i];fis.read(data);OutputStream toClient = response.getOutputStream();toClient.write(data);toClient.flush();toClient.close();fis.close();return "/PDFView.jsp";}

显示层PDFView.jsp代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><base href="<%=basePath%>"><title>PDFView</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0">    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><% out.alear();out = pageContext.pushBody();%></head><body></body>
</html>

对于IE在线浏览PDF，如果不是用jsp显示PDF，使用HTML来显示这个要安装Adobe Reader软件，即使采用js插件的方式，似乎要安转了Adobe Reader软件pdf才能显示出来。对于功能的实现，采用pdfobject.js插件可以实现。

具体代码如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="IE=7" http-equiv="X-UA-Compatible" /><title>附件上传</title><meta http-equiv="content-type" content="text/html; charset=UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=9" /><link rel="stylesheet" type="text/css" href="/thirdparty/pdfview/css/sc_style.css" /><script type="text/JavaScript" src="/thirdparty/pdfobject.js"></script><style type="text/css" media="screen">body {height:100%;}body {margin:0; padding:0; overflow:auto;}#flashContent {display:none;}</style><script type="text/javascript">window.onload = function (){var success = new PDFObject({url: "E://PDFTest.pdf" ,pdfOpenParams: { scrollbars: '0', toolbar: '0', statusbar: '0'}}).embed("sc_right");};</script>
</head>
<body><div style="font-size:20px;text-align:center;">附件信息</div><div class="sc_box" id="mian"><hr/><div class="sc_left border1 w899" style="float:left"><div class="top_tabs clearfix"><ul><li><span class="a1_active" id="a1">附件</span></li></ul></div><div class="sc_listbox" id="html_a1"><div class="sc_list"><div id="sclist"><table id="FileList" width="280" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff"><tr><td><img src='/thirdparty/pdfview/Images/pdf.jpg'/><span style="font-family: Arial, Helvetica, sans-serif;">E://PDFTest.pdf"</span></td></tr></table><div id="fileData"></div></div></div></div><div class="sc_czbox"><a href="<span style="font-family: Arial, Helvetica, sans-serif;">E://PDFTest.pdf</span><span style="font-family: Arial, Helvetica, sans-serif;">" style="text-decoration:none;">下载附件</a></span></div></div><div id="sc_right" align="right" style="width:700px;\height:630px;float:left">似乎您没有Adobe Reader或PDF支持web浏览器,请下载该附件，用本地软件打开！</div> </div>
</body>
</html>

IE上在线浏览PDF相关推荐

pdf.js 在线浏览pdf组件构建与安装注意事项
为什么80%的码农都做不了架构师?>>> 1.简介 PDF.js 是基于开放的 HTML5 及 JavaScript 技术实现的开源产品. pdf.js 是一个主要用于HTML ...
网站开发之ie下在线浏览pdf文件无需本地支持
1.首先,务必通过后面给的链接了解一些可实现的方法:打开链接. 2.个人选择了PDFObject+PDF.js来实现,这里需要下载pdfobject.js和PDF.js.对于pdfobject.js, ...
8个实现在线浏览PDF文件的实用jQuery插件
在web开发当中我们经常需要进行需要在线浏览PDf内容,在线嵌入动态pdf,传统的解决方法安装客户端PDF阅读器,如果是在谷歌是可以在线浏览的,因为他自身就带了一些插件,以前遇到这样的问题往往是费时又 ...
微信公众号或者浏览器实现在线浏览pdf文件
微信公众号或者浏览器实现在线浏览pdf文件实现在线浏览pdf文件方法开发步骤: 实现在线浏览pdf文件方法我们在日常的开发当中经常需要实现pdf文件的显示,最近做了一个在微信公众号中实现pdf浏 ...
在线浏览PDF之PDF.JS （附demo）
摘要: 平台之大势何人能挡? 带着你的Net飞奔吧!:http://www.cnblogs.com/dunitian/p/4822808.html#skill 下载地址:http://mozilla. ...
在线浏览pdf doc html,前端实现在线预览pdf、word、xls、ppt等文件
1.前端实现pdf文件在线预览功能方式一: 通过a标签href属性实现 pdf文件理论上可以在浏览器直接打开预览但是需要打开新页面.在仅仅是预览pdf文件且UI要求不高的情况下可以直接通过a标签hr ...
html在线浏览pdf文件
最近在做一个项目,其中涉及到pdf文件,于是就想试着在线加载pdf文件,经过我的不懈努力,终于让我解决了这个问题解决这个问题总共有两种方式方式一. 将pdf转为图片保存,然后再把图片的地址发到页面 ...
在线浏览PDF:Grapecity Documents for PDF Viewer 6.0.2
Grapecity Documents for PDF Viewer跨平台 JavaScript PDF 查看器---备注:必须配合.NET版本才能编辑PDF 使用我们的 JavaScript PDF ...
h5页面预览pdf文件_H5移动端在线浏览pdf文件，推荐插件TouchPDF
pdf.png 公共的pdf页面可以自己写,调用插件的代码也相对简单: seePDF.html seePDF.js $(function() { //文件服务器的路径 var picDownloadS ...

IE上在线浏览PDF

IE上在线浏览PDF相关推荐

最新文章

热门文章