码迷,mamicode.com
首页 > 其他好文 > 详细

【工作笔记】- 动态Iframe内容页打印

时间:2015-12-10 18:43:49      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:

FTP图片附件批量打印

昨天跟客户开个会,需求是可以批量选择图片进行打印。一开始就在想是做在服务端合成word进行打印还是浏览器端直接打印。最后选择前端打印,因为方便。但兼容性没那么好了~

搜资料的时候也是看到很多网友遇到这类问题,故贴了出来!

前端Iframe打印

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塞内容,塞完了就打印。试过好几种办法,这种效果最清晰有效。

【工作笔记】- 动态Iframe内容页打印

标签:

原文地址:http://www.cnblogs.com/caoshuilong/p/5036495.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!