pdf.js插件使用

最新推荐文章于 2023-09-06 16:54:18 发布

清酒微风

最新推荐文章于 2023-09-06 16:54:18 发布

阅读量1.1k

点赞数

分类专栏： Java eclipse 文章标签： pdfjs

本文链接：https://blog.csdn.net/angelinawang/article/details/84839092

版权

eclipse 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

Java

4 篇文章 0 订阅

订阅专栏

一、导入插件

下载好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文件，注释掉下图的代码即可。

清酒微风

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
pdf.js插件使用

一、导入插件下载好pdf.js插件，包含上边三个内容。放到项目文件夹里，自己能找到的路径就行。在resource文件夹下新建了pdf文件夹，放该插件。二、使用插件用这个插件的重点就是给pdf文件的路径。方法一：在当前页面打开：/* 在当前页面直接打开打印预览页面 */ var url="${basePath}doc/signFile/printSignFile...
复制链接

扫一扫

专栏目录