ARTICLE

Uploading Multiple Files in ASP.NET 2.0: Part II

Posted by Rahul Kumar Saxena in Articles | ASP.NET Programming on March 27, 2009

Tags: file upload in asp.net, FileUpload, FileUpload control, multiple file upload, Upload Image

In ASP.NET 2.0, the FileUpload control enables the users to upload the files from your web pages. Here, I am going to show you, "how can you upload multiple file on a single button click in ASP.NET 2.0." Here, in the same article I am adding one more functionality, i.e. the user can get the right to upload any number of images by clicking on Add button.

Tweet
14868
14

Reader Level: Beginner

Download Files:

MakeMultipleUpload.zip

In ASP.NET 2.0, the FileUpload control enables the users to upload files from web pages. The FileUpload control consists of a text box and a browse button. A click on the button allows the users to select a file on the client and upload it to the server. Here, I am representing a functionality to provide a right to the user to upload any number of images.

Let us start with uploading multiple files on a single button click.

Follow these 2 steps:

Here is the aspx code:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>Make Multiple Upload Images</title>

function DecreaseRow(rowNo)

{

var hid = document.getElementById('<%= hidCurRow.ClientID %>');

hid.value = rowNo;

}

function IncreseRows()

{

var hid = document.getElementById('<%= hidCurRow.ClientID %>');

hid.value = "";

}

function SetZero()

{

var hid = document.getElementById('<%= hidCurRow.ClientID %>');

hid.value = "0";

}

</script>

</head>

<body>

<tr>

<td>

<asp:Table ID="tblMin" runat="server">

<asp:TableHeaderRow>

<asp:TableHeaderCell>

File

</asp:TableHeaderCell>

<asp:TableHeaderCell>

Remove

</asp:TableHeaderCell>

</asp:TableHeaderRow>

<asp:TableRow>

<asp:TableCell>

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

</asp:TableCell>

<asp:TableHeaderCell>

<asp:Button ID="btn1" runat="server" Text="Remove" OnClientClick="return DecreaseRow('1');" />

</asp:TableHeaderCell>

</asp:TableRow>

</asp:Table>

<asp:Button ID="btnAdd" runat="server" OnClick="btnAdd_Click" Text="Add" OnClientClick="return IncreseRows();" />

<asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click"

OnClientClick="SetZero();" /><br />

<asp:HiddenField ID="hidMax" runat="server" Value="1" />

<asp:HiddenField ID="hidRow" runat="server" Value="1" />

<asp:HiddenField ID="hidCurRow" runat="server" />

</td>

</tr>

</table>

</form>

</body>

</html>

This is the cs code:

using System;

using System.Data;

using System.Configuration;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using System.IO;

public partial class _Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if (Page.IsPostBack == true)

{

AddRows();

}

private void AddRows()

{

try

{

if (hidCurRow.Value != "" && hidCurRow.Value != "0")

{

DecreaseCount();

}

else if (hidCurRow.Value == "")

{

IncreaseCount();

}

for (int count = 1; count < tblMin.Rows.Count; count++)

{

tblMin.Rows.RemoveAt(1);

}

int maxRows = Convert.ToInt32(hidMax.Value);

string[] arrRows = hidRow.Value.Split(",".ToCharArray(), StringSplitOptions.RemoveEmptyEntries);

for (int count = 1; count <= maxRows; count++)

{

Boolean isAdd = false;

for (int incount = 0; incount < arrRows.Length; incount++)

{

if (arrRows[incount] == count.ToString())

{

isAdd = true;

break;

}

if (isAdd == true)

{

TableRow tr = new TableRow();

TableCell tcfu = new TableCell();

FileUpload fup = new FileUpload();

fup.ID = "fu" + count.ToString();

tcfu.Controls.Add(fup);

TableCell tcbtn = new TableCell();

Button bt = new Button();

bt.ID = "btn" + count.ToString();

bt.Text = "Remove";

bt.Attributes.Add("onclick", "DecreaseRow('" + count.ToString() + "');");

tcbtn.Controls.Add(bt);

tr.Cells.Add(tcfu);

tr.Cells.Add(tcbtn);

tblMin.Rows.Add(tr);

}

catch

{

}

private void IncreaseCount()

{

string strVal = hidMax.Value;

if (strVal != "")

{

int iMax = Convert.ToInt32(strVal);

iMax = iMax + 1;

hidMax.Value = iMax.ToString();

if (hidRow.Value != "")

{

hidRow.Value = hidRow.Value + "," + iMax.ToString();

}

else

{

hidRow.Value = iMax.ToString();

}

private void DecreaseCount()

{

string strCurRow = hidCurRow.Value;

string[] arrRows = hidRow.Value.Split(",".ToCharArray(), StringSplitOptions.RemoveEmptyEntries);

hidRow.Value = "";

for (int count = 0; count < arrRows.Length; count++)

{

if (arrRows[count] != strCurRow)

{

if (hidRow.Value == "")

{

hidRow.Value = arrRows[count];

}

else

{

hidRow.Value = hidRow.Value + "," + arrRows[count];

}

protected void btnAdd_Click(object sender, EventArgs e)

{

}

protected void btnSubmit_Click(object sender, EventArgs e)

{

if (hidRow.Value != "")

{

string[] strVal = hidRow.Value.Split(",".ToCharArray(), StringSplitOptions.RemoveEmptyEntries);

for (int count = 0; count < strVal.Length; count++)

{

FileUpload fup = new FileUpload();

fup = (FileUpload)tblMin.FindControl("fu" + strVal[count]);

if (fup != null)

{

if (fup.PostedFile != null && fup.FileName != "")

{

fup.SaveAs(Server.MapPath("MyFiles") + "\\" + Path.GetFileName(fup.FileName));

}

When, we run the Apllication, result will be:

Image 1.

Here, user can add many upload controls by clicking on Add button and even he can remove the upload controls by clicking on Remove button.

Image 2.

post comment

ya itz nice .i need to upload a image and a resume using asp.net c#

Posted by selvi subramanian on Mar 28, 2012

nice tutorial bro

Posted by narendra reddy on Mar 07, 2012

How we can validate upload only 3 file

Posted by subhash jakhar on Mar 02, 2012

Hi Rahul here i have one problem, if i select one file then i click on add to select one more file previous selected file is missing.any solution for that

Posted by vasu dandamudi on Feb 13, 2011

bvcbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

Posted by aditya mishra on Jul 25, 2010

View All

TOP LEADERS