| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1074 人关注过本帖
标题:关于打印问题
只看楼主 加入收藏
butterfeild
Rank: 1
等 级:新手上路
帖 子:20
专家分:6
注 册:2015-4-30
结帖率:75%
收藏
已结贴  问题点数:5 回复次数:1 
关于打印问题
<head>
    <title></title>
    <script type="text/javascript" src="js/public/jquery.js"></script>
    <script type="text/javascript" src="js/public/jquery-extend.js"></script>
    <script type="text/javascript" src="js/public/jquery.PrintArea.js"></script>
    <script type="text/javascript">
        function GetQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]); return null;
        }

        function Load() {
            var photoUrl = GetQueryString("photoUrl");
            var photoHtml = "<div id=\"photoImgDiv\"><img src=\'" + photoUrl + "\' style=\" max-width:100%;\"></div>";
            $("#photoDiv").html(photoHtml).trigger("create");
        }

        function printPhoto() {
            $("#photoImgDiv").printArea();  
        }
    </script>
</head>
<body onload="Load()">
    <button type="button" onclick="printPhoto()">打印</button>
    <div id="photoDiv"></div>
</body>

用谷歌浏览器为什么预览的时候都是空白的,看不到图片呀,郁闷!!

function printPhoto() {
            var ele = document.getElementById("photoDiv");
            var w = window.open('about:blank');
            setTimeout(function () {
                w.document.body.innerHTML = ele.innerHTML;
                w.print();
            }, 100);
        }
另一种方法火狐与IE可以,谷歌浏览器也是空白

求解哦
2015-07-18 20:17
jsRank
Rank: 5Rank: 5
等 级:职业侠客
威 望:6
帖 子:69
专家分:303
注 册:2015-5-11
收藏
得分:5 
放到web服务器(比如tomcat,jetty)中试试,file协议和http协议是有区别的,我试了一下,chrome和firefox在file协议下可以正常显示,ie下不行

追求卓越,成功就会跟着你走!
2015-07-20 10:27
快速回复:关于打印问题
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.019864 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved