首頁 > web前端 > html教學 > 【工作笔记】- 动态Iframe内容页打印_html/css_WEB-ITnose

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

WBOY
發布: 2016-06-24 11:32:10
原創
1290 人瀏覽過

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板