如何在打开的文件中单击确定后上传和显示图像

How to upload and show images after click OK in open file?

本文关键字：图像显示图显示单击文件更新时间：2023-09-26

我想在打开的文件中单击确定（选择文件）后上传和显示图像，但我不知道如何。

<img id="img1" class="img-thumbnail" />
<asp:FileUpload ID="FileUpload1"  runat="server" />

我认为这是相同的跟随。

 protected void FileUpload1.OK(object sender, EventArgs e)
    {
        if (FileUpload1.HasFile)
        {
//Get extension file : png or PNG
            string fileExt = System.IO.Path.GetExtension(FileUpload1.FileName);
            if (fileExt == ".png" || fileExt == ".PNG")
            {
                try
                {
        //get file name of images
                    string fileName = Path.GetFileName(FileUpload1.PostedFile.FileName);
                    // save images in folder and file name + extension
                    FileUpload1.PostedFile.SaveAs(Server.MapPath("~/UI/User_IMG/") + fileName + ".png");
                    // show image in img tag
                   img1.src = "~/UI/User_IMG/" + fileName + ".png";
                }
                catch (Exception ex)
                {
                    string script = "alert(" + ex.Message.ToString() + ");";
                    ScriptManager.RegisterStartupScript(this, GetType(), "ServerControlScript", script, true);
                }
            }
            else
            {
                string script = "alert('"File not PNG !'");";
                ScriptManager.RegisterStartupScript(this, GetType(), "ServerControlScript", script, true);
            }
        }
        else
        {
            string script = "alert('"Please choose file !'");";
            ScriptManager.RegisterStartupScript(this, GetType(), "ServerControlScript", script, true);
        }
    }

但它不起作用。如果您对此有想法或解决方案，请与我分享。

根据您的

要求，您需要在Uploaded图像后立即显示图像。因此，您可以看到以下代码：-

我们可以使用客户端JavaScript来实现这一点

。

给你：-

<form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <cc1:AsyncFileUpload OnClientUploadComplete="uploadComplete" runat="server" ID="AsyncFileUpload1"
        Width="400px" UploaderStyle="Modern" CompleteBackColor="White" UploadingBackColor="#CCFFFF" ThrobberID="imgLoader" OnUploadedComplete="FileUploadComplete" OnClientUploadStarted = "uploadStarted"/>
    <asp:Image ID="imgLoader" runat="server" ImageUrl="~/images/loader.gif" />
    <br /><br />
    <img id = "imgDisplay" alt="" src="" style = "display:none"/>
</form>

另请参阅Code Behind 。

 protected string UploadFolderPath = "~/Uploads/";
  protected void FileUploadComplete(object sender, EventArgs e)
    {
        string filename = System.IO.Path.GetFileName(AsyncFileUpload1.FileName);
        AsyncFileUpload1.SaveAs(Server.MapPath(this.UploadFolderPath) + filename);
    }

欲了解更多信息。请参阅参考文档

希望有帮助。