【工作笔记】- 动态Iframe内容页打印_html/css_WEB-ITnose
昨天跟客户开个会,需求是可以批量选择图片进行打印。一开始就在想是做在服务端合成word进行打印还是浏览器端直接打印。最后选择前端打印,因为方便。但兼容性没那么好了~
搜资料的时候也是看到很多网友遇到这类问题,故贴了出来!
前端Iframe打印var printFrame = $("")[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(""); });
var frameWindow = window.open(printFrame.contentWindow.location.href);
frameWindow.document.open();
frameWindow.document.write($(body).html());
frameWindow.document.close();
frameWindow.print();
}
};
往open的window的document塞内容,塞完了就打印。试过好几种办法,这种效果最清晰有效。