利用pdfjs实现pdf的在线预览

1、pdfjs包的位置

2、后台java

@RequestMapping(params = "goViewPDF")
	public ModelAndView goViewPDF(HttpServletRequest request,HttpServletResponse response){
		
		String filePath = request.getParameter("filePath");//文件的路径
		request.setAttribute("filePath",filePath);
		ModelAndView view =new ModelAndView("com/aisino/grain/platform/turnbusinessapply/viewerPDF");
		return view ;
	}
	
	@RequestMapping("viewPDF")
	public void filePath(HttpServletRequest request, HttpServletResponse response) {
		
		String queryString = request.getQueryString().substring(2);
		String realPath = request.getSession().getServletContext().getRealPath("").replace("\\", "/");
		String contextPath=request.getContextPath();
		realPath=realPath.substring(0, realPath.indexOf(contextPath));
		String filePath = realPath+queryString;
	        File file = new File(filePath);
	        byte[] data = null;
	        try {
	            FileInputStream input = new FileInputStream(file);
	            data = new byte[input.available()];
	            input.read(data);
	            response.getOutputStream().write(data);
	            input.close();
	        } catch (Exception e) {
	            logger.error("pdf文件处理异常:" + e.getMessage());
	        }
	}

3、jsp的viewerPDF的页面

<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="google" content="notranslate">
    <title>预览</title>
    <script type="text/javascript">
    </script>
  </head>
  <body tabindex="1" class="loadingInProgress">
    <div id="printContainer">
     <iframe  src='<c:url value="plug-in/pdfjs/generic/web/viewer.html" />?file=<c:url value="/tdTurnbusinessapplyController/viewPDF.do?${filePath }"/>' width="100%" height="470"></iframe>
    </div>
  </body>
</html>


4、实现的效果


5.pdfjs下载

http://mozilla.github.io/pdf.js/



  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值