一、导入插件
下载好pdf.js插件,包含上边三个内容。放到项目文件夹里,自己能找到的路径就行。
在resource文件夹下新建了pdf文件夹,放该插件。
二、使用插件
用这个插件的重点就是给pdf文件的路径。
方法一:在当前页面打开:
/* 在当前页面直接打开打印预览页面 */
var url="${basePath}doc/signFile/printSignFile.do?accId=${param.accId}&templateId=${param.templateId}";
window.open("${basePath}Resource/pdfJs/web/viewer.html?file="+encodeURIComponent(url));
/* 在当前页面直接打开打印预览页面并传参给viewer.html */
var url="${basePath}doc/signFile/printSignFile.do?accId=${param.accId}&templateId=${param.templateId}";
window.open("${basePath}Resource/pdfJs/web/viewer.html?accId=${accId}&templateId=${param.templateId}&recordId=${recordId}&fileName=${param.fileName}&file="+encodeURIComponent(url));
方法二:新页面打开
/* 打开新的jsp页面并显示打印预览页面 */
window.open("${basePath}jsp/acc/doc/printPreview.jsp?accId=${param.accId}&templateId=${param.templateId}&docCode="+$('#docCode').val()||'');
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt_rt"%>
<html>
<head>
<title>打印预览</title>
</head>
<body>
<%@include file="/jsp/master/pageBaseEasyui.jsp"%>
<script type="text/javascript">
// 打印预览
function PrintPreview(){
var recordId="${recordId}";
var url="${basePath}doc/signFile/printSignFile.do?accId=${param.accId}&templateId=${param.templateId}&recordId=${recordId}";
$("#displayPdfIframe").attr("src",'<c:url value="${basePath}Resource/pdf/web/viewer.html" />?accId=${param.accId}&templateId=${param.templateId}&docCode=${param.docCode}&recordId=${recordId}&file=' + encodeURIComponent(url));
}
</script>
<div class="ctrlDiv">
<!-- <div class="ctrlDiv" style="background:#000000"> -->
<div class="eleContainer elePaddingBtm">
<iframe id="displayPdfIframe" width="100%" height="100%"></iframe>
</div>
</div>
</body>
</html>
注意:
如果不加后边的file,会打开插件里默认位置的pdf文件。
三、显示签章的方法
如图,插件里build——>pdf.worker.js文件,注释掉下图的代码即可。