图像移除/覆盖页面上的所有控件答案

【问题标题】：Image removing/covering all the controls on the page图像移除/覆盖页面上的所有控件
【发布时间】：2015-05-29 21:10:06
【问题描述】：

所以我有了这个用于选择图像的 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);
        }

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

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

干杯

【问题讨论】：

不要在Response中这样写，这就是全部空白的原因

标签： c# asp.net image webforms

【解决方案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>

aaaand this 进入内容。这有助于在您选择文件后在文件上传控件旁边创建一个小图片预览。

干杯！

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

【讨论】：