图像删除/覆盖页面上的所有控件

Question

所以我有这个用于选择图像的asp文件上传控件。 然后将图像保存在一个名为“ TempImages”的临时文件夹中，然后使用下面显示的代码从此处将其拉出并显示在页面上。

    protected void Close_Click(object sender, EventArgs e)
    {
        Div1.Visible = false;
    }
    #endregion Submit button

    protected void LogoToUpload_Click(object sender, EventArgs e)
    {

        if (upldLogo.HasFile)
        {
            upldLogo.SaveAs("C:\\TempImages\\" + upldLogo.FileName);
            Response.ContentType = "image/jpeg";
            string physicalFileName = @"C:\TempImages\" + upldLogo.FileName;
            Response.WriteFile(physicalFileName);
        }

我的问题是，显示图像时，它会摆脱所有其他控件，即下拉菜单，文本框和标签以及所有爵士乐。

任何人都对我如何使图像仅显示在弹出窗口中或仅在同一页面上显示但所有控件仍然存在的任何建议。

欢呼的人们

Answer 1

好的，因此我设法通过使用一些Javascript来解决此问题，并将其放入控件页面的head标签中。

            <script type="text/javascript">
    function previewFile() {
        var preview = document.querySelector('#<%=imgLogo.ClientID %>');
        var file = document.querySelector('#<%=upldLogo.ClientID %>').files[0];
        var reader = new FileReader();

        reader.onloadend = function () {
            preview.src = reader.result;
        }

        if (file) {
            reader.readAsDataURL(file);
        } else {
            preview.src = "";
        }
    }
</script>

并将其纳入内容。 选择文件后，此操作可在文件上传控件旁边创建图片的预览。

干杯!

<input ID="upldLogo" type ="file" onchange="previewFile()" runat="server" />