Aspx Page
========
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FileUpload.aspx.cs" Inherits="FileUpload" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Multiple FileUploadControl Example</title>
<script type = "text/javascript">
var i = 1;
function AddFile()
{
i++;
var div = document.createElement('DIV');
div.innerHTML = '<input id="file' + i + '" name = "file' + i + '" type="file" /><img src="Images/delete.jpg" alt="Remove" onclick = "RemoveFile(this)" />';
document.getElementById("divFile").appendChild(div);
}
function RemoveFile(file)
{
document.getElementById("divFile").removeChild(file.parentNode);
}
</script>
</head>
<body>
<form id="form1" runat="server" enctype="multipart/form-data" >
<div id = "divFile">
<input id="file1" name = "file1" type="file" />
<!--FileUpload Controls will be added here -->
</div>
<br />
Add More Files <img src="Images/add.jpg" alt="Add more files" onclick="AddFile()" /><br /><br />
<asp:Button ID="Button1" runat="server" Text="Upload" OnClick="Button1_Click" />
</form>
</body>
</html>
.Cs Page
======
protected void Button1_Click(object sender, EventArgs e)
{
for (int i = 0; i < Request.Files.Count; i++)
{
HttpPostedFile PostedFile = Request.Files[i];
if (PostedFile.ContentLength > 0)
{
string FileName = System.IO.Path.GetFileName(PostedFile.FileName);
PostedFile.SaveAs(Server.MapPath("~/Images/") + FileName);
}
}
}
========
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FileUpload.aspx.cs" Inherits="FileUpload" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Multiple FileUploadControl Example</title>
<script type = "text/javascript">
var i = 1;
function AddFile()
{
i++;
var div = document.createElement('DIV');
div.innerHTML = '<input id="file' + i + '" name = "file' + i + '" type="file" /><img src="Images/delete.jpg" alt="Remove" onclick = "RemoveFile(this)" />';
document.getElementById("divFile").appendChild(div);
}
function RemoveFile(file)
{
document.getElementById("divFile").removeChild(file.parentNode);
}
</script>
</head>
<body>
<form id="form1" runat="server" enctype="multipart/form-data" >
<div id = "divFile">
<input id="file1" name = "file1" type="file" />
<!--FileUpload Controls will be added here -->
</div>
<br />
Add More Files <img src="Images/add.jpg" alt="Add more files" onclick="AddFile()" /><br /><br />
<asp:Button ID="Button1" runat="server" Text="Upload" OnClick="Button1_Click" />
</form>
</body>
</html>
.Cs Page
======
protected void Button1_Click(object sender, EventArgs e)
{
for (int i = 0; i < Request.Files.Count; i++)
{
HttpPostedFile PostedFile = Request.Files[i];
if (PostedFile.ContentLength > 0)
{
string FileName = System.IO.Path.GetFileName(PostedFile.FileName);
PostedFile.SaveAs(Server.MapPath("~/Images/") + FileName);
}
}
}
