File Upload in Update Panel

We know that we can upload file to server using File upload control. However, if we use file upload control inside update panel, then it doesn't work. The reason behind this is FileUpload control does not work with asynchronous postback.

Step1 :

Place ScriptManager control in .aspx page.

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

Step 2:

Write the following source code:

<asp:UpdatePanel ID="UpdatePanel1" runat="server"><ContentTemplate>

<asp:FileUpload ID="FileUpload1" runat="server" />

  <asp:Button ID="BtnSubmit" runat="server" Text="Submit"  OnClick="BtnSubmit_Click" />

</ContentTemplate>

        <Triggers>

            <asp:PostBackTrigger ControlID="BtnSubmit" />

        </Triggers>

    </asp:UpdatePanel>

Step 3:

Add C # code

protected void BtnSubmit_Click(object sender, EventArgs e)

    {

if (FileUpload1.HasFile)

        {

            string imagename = Path.GetFileName(FileUpload1.PostedFile.FileName);

            FileUpload1.SaveAs(Server.MapPath("Images/" + imagename));

            string imagepath = Server.MapPath("Images/" + imagename);

            MySqlCommand cmd = new MySqlCommand("insert into table (Image)values('" + imagepath + "')", con);

            cmd.ExecuteNonQuery();

            con.Close();

           

        }

}

Step 4:

Add form Encryption Type to:

<form id="Form1" method="post" enctype="multipart/form-data" runat="server">

 You can also Use following code to set Encryption type by code behind:

C# code:

this.Page.Form.Enctype = "multipart/form-data";