使用javascript打印图像时出现问题

时间:2012-11-29 11:30:06

标签: c# asp.net

大家好我已经编写了一个使用javascript打印图像的代码,如下所示

 <script type="text/javascript">
    function printIt() {
        var win = window.open('', 'popup', 'location=1,status=1,scrollbars=1,width=800,height=600');
        if (win) {
            var imageControl = document.getElementById('<%=chkImage.ClientID%>').src;
            win.document.write('<img src="' + imageControl + '">');
            win.document.close();
            win.focus();
            win.print();
        }
        return false;
    }
</script>

我的图像控件定义如下

<asp:Image ID="chkImage" runat="server" ImageUrl="~/CheckPreview.aspx" />

但是在打印时我会在纸张上按照图片中的附件获取一些额外的字段,有人可以告诉我如何在打印时避免这些字段enter image description here

我的额外字段是我用红色标记的,我不想打印那些

1 个答案:

答案 0 :(得分:0)

您的意思是打印页面的特殊部分吗?如果那是对的。你可以使用print css,你使用一些print javascript插件,比如JQuery打印插件。

尝试ThisThis

或者您可以通过javascript方法将打印内容读取到新页面。

<script language="javascript">
function CallPrint(strid)
{
var prtContent = document.getElementById(strid);
//var WinPrint = window.open('');
var WinPrint = window.open('','','letf=0,top=0,width=1,height=1,toolbar=0,scrollbars=0,status=0');
WinPrint.document.write(prtContent.innerHTML);
WinPrint.document.close();
WinPrint.focus();
WinPrint.print();
WinPrint.close();
// prtContent.innerHTML = strOldOne;
}



<a href="javascript:CallPrint('DivContent')"><img src="images/print.gif" title="Print This Result" alt="Print" border="0">
<Div id="DivContent" >
Hello there
</Div>

或者您可以尝试添加CSS打印。

http://css-discuss.incutio.com/wiki/Print_Stylesheets

http://www.w3.org/TR/css-print/