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 + '">');

Answer 2

您正在获取 URL，因为您.src在此行的末尾有：

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

将其更改为此以获取图像控件：

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

Answer 3

错误已删除；）

<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%>');
            win.document.write(imageControl);
            win.document.close();
            win.focus();
            win.print();
        }
        return false;
    }
</script>