利用JQuery在网页上打印PDF

项目需求是这样的，在HTML网页上点击打印，然后弹出chrome打印窗口，窗口中是后台生成的PDF文件。其中PDF文件是由后台servlet生成的。
第一种想法是，点击打印时，弹出一个新的窗口

window.open(url,"_blank");//url为生成PDF的url

在这个新的页面中有PDF文件的内容，而且网页上也刚刚有打印的功能，这种看起来是最简单的，但是对用户而言，需要点击二次按钮才能真正打印。所以，用户体验不会太好。
第二种想法是利用iframe，将PDF文件的内容包含其中，这个时候调用window.print()来弹出打印窗口。

//创建一个空的iframe，因为如果每次请求都生成PDF，那么是不必要的。
<iframe style="display:none" id="printIframe"></iframe>$(document).ready(function(){....$("#printIframe").load(function(){//等待iframe加载完成后再执行doPrint.每次iframe设置src之后都会重新执行这部分代码。doPrint();});....
});
//点击打印按钮，触发事件】
function printPDF(){var src = $("#printIframe").attr("src");if(!src){//当src为空，即第一次加载时才赋值，如果是需要动态生成的话，那么条件要稍稍变化一下$("#printIframe").attr("src","./attachment/Images.pdf");//暂时静态PDF文件}elsedoPrint();
}
function doPrint(){$("#printIframe")[0].contentWindow.print();
}

一般的用法是使用window.print()方法来打印，但是当调用window.print()方法时将会显示的是网页正文的内容，而不是iframe的过程，有的网友说把网页的focus置为iframe即可，但是我调研了半天没找到一个好方法。
于是我想window只是一个对象，那么如果我能获取到iframe的window对象不就可以了？于是用了contentWindow的方法，果然好使。

这种方法看起来会更清爽一些，然后用户体验也还行。

利用JQuery在网页上打印PDF相关推荐

网页上打印PDF文件
在网页上打印pdf文件,有两种方式:可以是在java后端通过调用iText PDF的jar包的方法实现PDF打印;也可以在前端调用lodop插件打印pdf文件. PDF文件的内容可以是表格,图片等等, ...
在网页上打印时用javascript设置打印区域和不打印区域，分页等
 <stylemedia=print> .Noprint{display:none;} //不打印 ...
如何在网页上打印文字？
How to efficiently print a webpage? E.g. I want to only print the text for some pages but with figur ...
利用wget下载网页上所有文件到指定文件夹
一.wget下载及安装参考上一篇:https://blog.csdn.net/Yingccu/article/details/119609655?spm=1001.2014.3001.5502 二. ...
java热敏打印机_用java在POS热敏打印机上打印PDF或PNG
我是每个人.我用java打印票证时遇到问题.我用jasper生成了票,然后我需要用POS热敏打印机打印出来.我试着打印PDF,结果得到了 Wrong Format 如何正确打印?是否有任何方法可以正确 ...
为什么从网页上打印怎们好像被缩放_全网最详细关于3D打印的zbrush技术
这个小教程旨在为刚开始对3D打印感兴趣的新人朋友提供一些快速上手小技巧,以便在zbrush中制作适合桌面FDM 3D打印的创作,本次小教程需要读者已经有一些zbrush基础知识. 1设置系统单位导入 ...
为什么从网页上打印怎们好像被缩放_便捷高效低成本，映美热敏云打印机CTP-180UWE体验...
打印机的分好几种,喷墨.激光.针式.热敏,还有之前火过一阵子的3D打印机等,前面三种我们公司都有在用,我同事打印单据都喜欢用针式,因为激光打印机出来的都是A4,太大了,也浪费.但是针式打印机速度很慢, ...
php中手机端ajax上拉加载更多,jQuery手机网页上拉加载更多
手机网页和PC网页都可以使用的上拉加载更多内容,其中LoadingDataFn自己改为ajax加载就可以了var page = 1, //分页码 off_on = false, //分页开关(滚动加载 ...
python下载网页中的pdf文件_Python读取网页上的pdf文件，输出字符串
读取一个本地pdf文件,输出字符串 # -*- coding: UTF-8 -*from urllib import urlopenfrom pdfminer.pdfinterp import PDF ...

利用JQuery在网页上打印PDF

利用JQuery在网页上打印PDF相关推荐

最新文章

热门文章