欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

【工作笔记】- 动态Iframe内容页打印_html/css_WEB-ITnose

程序员文章站 2022-06-11 19:51:08
...
FTP图片附件批量打印

昨天跟客户开个会,需求是可以批量选择图片进行打印。一开始就在想是做在服务端合成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("【工作笔记】- 动态Iframe内容页打印_html/css_WEB-ITnose"); });

    var frameWindow = window.open(printFrame.contentWindow.location.href);

            frameWindow.document.open();

             frameWindow.document.write($(body).html());

            frameWindow.document.close();

            frameWindow.print();

}

};

往open的window的document塞内容,塞完了就打印。试过好几种办法,这种效果最清晰有效。