标签:
昨天跟客户开个会,需求是可以批量选择图片进行打印。一开始就在想是做在服务端合成word进行打印还是浏览器端直接打印。最后选择前端打印,因为方便。但兼容性没那么好了~
搜资料的时候也是看到很多网友遇到这类问题,故贴了出来!
var printFrame = $("<iframe style=‘width:100%;height:100%;‘ id=‘printFrame‘ src=‘../print/PrintBlankPage.html‘></iframe>")[0];
$("body").append(printFrame);
var isFirstLoad = true;
printFrame.onload = printFrame.onreadystatechange = function () {
if (this.readyState != ‘complete‘ || (!isFirstLoad)) return;
else {
isFirstLoad = false;
var body = printFrame.contentWindow.document.body;
$.each(filePathArray, function (index, fileName) {
$(body).append("<img style=‘width:100%;height:100%;‘ src=‘" + fileName + "‘ />"); });
var frameWindow = window.open(printFrame.contentWindow.location.href);
frameWindow.document.open();
frameWindow.document.write($(body).html());
frameWindow.document.close();
frameWindow.print();
}
};
往open的window的document塞内容,塞完了就打印。试过好几种办法,这种效果最清晰有效。
标签:
原文地址:http://www.cnblogs.com/caoshuilong/p/5036495.html