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

本文关键字：控件 删除 覆盖 图像 | 更新日期: 2023-09-27 17:50:57

我有这个asp fileupload控件，我用它来选择一个图像。然后将图像保存在一个名为"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);
        }

我的问题是，当图像显示时，它摆脱了所有其他控件，即下拉框，文本框和标签和所有的jazz。

任何人都有任何建议，我如何可以使图像只是显示在弹出窗口或只是显示在同一页面上，但与所有的控制仍然存在。

欢呼的人

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

好的，所以我设法通过使用一点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" />
相关文章：