How to use Upload file control with UpdatePanal

In this Article we will Add upload file in a simple page works by ajax.Net.

Many developers faces a problems when add upload file control in an updatepanal control.Here is a simple code to avoid these problems In Html code add file upload control inside updatepanal then add PostBackTriggerAnd bind the upload button with the trigger as following:

<asp:scriptmanager id="ScriptManager1" runat="server"><br /></asp:ScriptManager><br /><asp:updatepanel id="UpdatePanel1" runat="server"><contenttemplate><asp:textbox id="TextBox1" runat="server"></asp:TextBox><br /><asp:button id="Button1" runat="server" height="20px" onclick="Button1_Click" text="Submit" width="128px"><br /><asp:label id="Label1" runat="server" text="Label"></asp:Label><br/><asp:fileupload id="FileUpload1" runat="server"><br /><asp:button id="Button2" runat="server" height="25px" onclick="Button2_Click" text="Upload" width="128px"><br /><asp:label id="Label2" runat="server" text="Label"></asp:Label><br/></contenttemplate><triggers><asp:postbacktrigger controlid="Button2"><br /></triggers></asp:UpdatePanel>

In the Code behind, add the following lines of code:-

protected void Button1_Click(object sender, EventArgs e)

{

string filepath =Server.MapPath("~\\Upload");

HttpFileCollection uploadedFiles = Request.Files;

for (int i = 0; i <>

{

HttpPostedFile userPostedFile = uploadedFiles[i];

if (userPostedFile.ContentLength > 0)

{

if ((userPostedFile.ContentLength / 1024) / 1024 > 4)

{

Label1.Text =

"Max Size";

}

else

{

userPostedFile.SaveAs(filepath + "\\" +System.IO.Path.GetFileName (userPostedFile.FileName));

}
}

}

}

-----------------------------------------------------------