图片removing/covering页面上的所有控件

Question

所以我得到了这个 asp 文件上传控件，我用它来 select 图片。然后图像保存在一个名为 "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>

aaa 并将此放入内容中。这用于在您选择文件后在文件上传控件旁边创建一个图片的小预览。

干杯！

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

图片removing/covering页面上的所有控件

Image removing/covering all the controls on the page

c#

asp.net

webforms

image