Here is the code to upload multiple files using javascript
Default.aspx
<head runat="server"><title>Untitled Page</title><script language="javascript" type="text/javascript">var counter = 0;
var counter2 = 0;
function AddFileUpload()
{
var div = document.createElement('DIV');
div.innerHTML = '<input id="file' + counter + '" name = "file' + counter +
'" type="file" />' +
'<input id="Button' + counter + '" type="button" ' +
'value="Remove" onclick = "RemoveFileUpload(this)" />';
document.getElementById("FileUploadContainer").appendChild(div);
counter++;
counter2++;
document.getElementById("btnAdd").style.visibility = "visible";
}
function RemoveFileUpload(div)
{
counter2--;
if(counter2 == 0)
document.getElementById("btnAdd").style.visibility = "hidden";
document.getElementById("FileUploadContainer").removeChild(div.parentNode);
}
function DeleteConfirmation()
{
if(confirm('Are You Sure To Delete?'))
return true;
else
return false;
}
</script>head>body><form id="form1" runat="server" enctype="multipart/form-data" method="post"><input id="Button1" type="button" class="inputButton" value="Add New File To Upload"onclick="AddFileUpload()" /><br /><div id="FileUploadContainer"><!--FileUpload Controls will be added here --></div><asp:button id="btnUpload" runat="server" text="Upload" onclick="btnUpload_Click" /></form>body>
</
Default.aspx.cs
protected void btnUpload_Click(object sender, EventArgs e)
{
for (int i = 0; i < Request.Files.Count; i++)
{
HttpPostedFile PostedFile = Request.Files[i];
if (getFileType(PostedFile.FileName) == "Image")
{
if (PostedFile.ContentLength > 0)
{
string FileName = System.IO.Path.GetFileName(PostedFile.FileName).ToString();
int size = PostedFile.ContentLength;
PostedFile.SaveAs(Server.MapPath("Uploads\\") + FileName);
}
}
}
}
string getFileType(string fileName)
{
string ext = Path.GetExtension(fileName);
switch (ext.ToLower())
{
case ".gif":
return "Image";
case ".png":
return "Image";
case ".jpg":
return "Image";
case ".jpeg":
return "Image";
default:
return "Not known";
}
}
</
<
Default.aspx
<head runat="server"><title>Untitled Page</title><script language="javascript" type="text/javascript">var counter = 0;
var counter2 = 0;
function AddFileUpload()
{
var div = document.createElement('DIV');
div.innerHTML = '<input id="file' + counter + '" name = "file' + counter +
'" type="file" />' +
'<input id="Button' + counter + '" type="button" ' +
'value="Remove" onclick = "RemoveFileUpload(this)" />';
document.getElementById("FileUploadContainer").appendChild(div);
counter++;
counter2++;
document.getElementById("btnAdd").style.visibility = "visible";
}
function RemoveFileUpload(div)
{
counter2--;
if(counter2 == 0)
document.getElementById("btnAdd").style.visibility = "hidden";
document.getElementById("FileUploadContainer").removeChild(div.parentNode);
}
function DeleteConfirmation()
{
if(confirm('Are You Sure To Delete?'))
return true;
else
return false;
}
</script>head>body><form id="form1" runat="server" enctype="multipart/form-data" method="post"><input id="Button1" type="button" class="inputButton" value="Add New File To Upload"onclick="AddFileUpload()" /><br /><div id="FileUploadContainer"><!--FileUpload Controls will be added here --></div><asp:button id="btnUpload" runat="server" text="Upload" onclick="btnUpload_Click" /></form>body>
</
Default.aspx.cs
protected void btnUpload_Click(object sender, EventArgs e)
{
for (int i = 0; i < Request.Files.Count; i++)
{
HttpPostedFile PostedFile = Request.Files[i];
if (getFileType(PostedFile.FileName) == "Image")
{
if (PostedFile.ContentLength > 0)
{
string FileName = System.IO.Path.GetFileName(PostedFile.FileName).ToString();
int size = PostedFile.ContentLength;
PostedFile.SaveAs(Server.MapPath("Uploads\\") + FileName);
}
}
}
}
string getFileType(string fileName)
{
string ext = Path.GetExtension(fileName);
switch (ext.ToLower())
{
case ".gif":
return "Image";
case ".png":
return "Image";
case ".jpg":
return "Image";
case ".jpeg":
return "Image";
default:
return "Not known";
}
}
</
<
No comments:
Post a Comment