javascript - 无法使用javascript显示图像

Question

网络代码如下

<asp:Image runat="server" ID="img1" ImageUrl="~/Images/important.gif" />
    <asp:Button ID="btn" runat="server" Text="print" />

我的 JavaScript 如下

<script type="text/javascript">
    function printIt() {
        var win = window.open('', 'Image', 'resizable=yes,...');
        if (win) {
            //var imgID = '<%= img1.ClientID %>';
            var imageControl = document.getElementById('<%=img1.ClientID%>').src;
            win.document.write(imageControl);
            win.document.close();
            win.focus();
            win.print();
        }
        return false;
    }
</script>

//根据 vitoshabg 答案更新代码

<script type="text/javascript">
    function printIt() {
        var win = window.open('', 'Image', 'resizable=yes,...');
        if (win) {
            //var imgID = '<%= img1.ClientID %>';
            var imageControl = document.getElementById('<%=img1.ClientID%>').src;
            win.write('<img src="' + imageControl + '">');
            //win.write(imgParent);
            win.document.close();
            win.focus();
            win.print();
        }
        return false;
    }
</script>

但是我得到的不是图像而是网址，有人可以帮助我在这里获取图像

Answer 1

var imageControl = document.getElementById('<%=img1.ClientID%>').src;

在这里您可以获取 getElementById 返回的元素的“src”属性。

您可以使用

创建新图像

win.document.write('<img src="' + imageControl + '">');