天天看点

利用pdfjs实现pdf的在线预览

1、pdfjs包的位置

利用pdfjs实现pdf的在线预览

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、实现的效果

利用pdfjs实现pdf的在线预览

5.pdfjs下载

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