Thursday, 28 February 2013

Upload Multiple Images

<%@ Page Language="C#" AutoEventWireup="true" Codevirtual="add multiple images.aspx.cs"
Inherits="add_multiple_images" %>

<!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 runat="server">
<title>Untitled Page</title>
<style type="text/css">
.style1
{
width: 100%;
}
.style2
{
font-size: x-large;
}
.style3
{
width: 173px;
}
</style>
</head>
<body>
<form id="form1" runat="server" enctype="multipart/form-data">
<div>

<table class="style1" style="background-color: #FFCCFF">
<tr>
<td colspan="2">

<span class="style2">Upload Multiple Images</span></td>
</tr>
<tr>
<td class="style3" rowspan="10"
style="background-image: url('Images/where r u.jpg')">
&nbsp;</td>
<td>
&nbsp;<asp:FileUpload ID="FileUpload1" runat="server" />
</td>
</tr>
<tr>
<td>
<asp:FileUpload ID="FileUpload2" runat="server" />
</td>
</tr>
<tr>
<td>
<asp:FileUpload ID="FileUpload3" runat="server" />
</td>
</tr>
<tr>
<td>
<asp:FileUpload ID="FileUpload4" runat="server" />
</td>
</tr>
<tr>
<td>
<asp:FileUpload ID="FileUpload5" runat="server" />
</td>
</tr>
<tr>
<td>
<asp:FileUpload ID="FileUpload6" runat="server" />
</td>
</tr>
<tr>
<td>
<asp:FileUpload ID="FileUpload7" runat="server" />
</td>
</tr>
<tr>
<td>
<asp:FileUpload ID="FileUpload8" runat="server" />
</td>
</tr>
<tr>
<td>
<asp:FileUpload ID="FileUpload9" runat="server" />
</td>
</tr>
<tr>
<td>
<asp:FileUpload ID="FileUpload10" runat="server" />
</td>
</tr>
<tr>
<td class="style3">
<asp:Button ID="Button1" runat="server" onclick="Button1_Click1"
Text="Upload Images" />
</td>
<td>
&nbsp;</td>
</tr>
<tr>
<asp:Image ID="Image1" runat="server" Height="100" Width="100" ImageUrl="~/Image.gif" />
<asp:Image ID="Image2" runat="server" Height="100" Width="100" ImageUrl="~/Image.gif" />
<asp:Image ID="Image3" runat="server" Height="100" Width="100" ImageUrl="~/Image.gif" />
<asp:Image ID="Image4" runat="server" Height="100" Width="100" ImageUrl="~/Image.gif" />
<asp:Image ID="Image5" runat="server" Height="100" Width="100" ImageUrl="~/Image.gif" />
</div>
<br />
<div id="div4" runat="server" visible="false">
<asp:Image ID="Image6" runat="server" Height="100" Width="100" ImageUrl="~/Image.gif" />
<asp:Image ID="Image7" runat="server" Height="100" Width="100" ImageUrl="~/Image.gif" />
<asp:Image ID="Image8" runat="server" Height="100" Width="100" ImageUrl="~/Image.gif" />
<asp:Image ID="Image9" runat="server" Height="100" Width="100" ImageUrl="~/Image.gif" />
<asp:Image ID="Image10" runat="server" Height="100" Width="100" ImageUrl="~/Image.gif" />
</div>

</tr>
</table>

</div>
</form>
</body>
</html>




.CS CODE:


protected void Button1_Click1(object sender, EventArgs e)
{
HttpFileCollection uploadFilCol = Request.Files;
for (int i = 0; i < uploadFilCol.Count; i++)
{
HttpPostedFile file = uploadFilCol[i];
string fileExt = Path.GetExtension(file.FileName).ToLower();
string fileName = Path.GetFileName(file.FileName);
if (fileName != string.Empty)
{
try
{
if (fileExt == ".jpg" || fileExt == ".gif" || fileExt == ".bmp" ||
fileExt ==
".jpeg" || fileExt == ".png")
{
file.SaveAs(Server.MapPath("~/Images/") + fileName);
if (i == 0)
{
Image1.ImageUrl = "~/Images/" + fileName;
}
if (i == 1)
{
Image2.ImageUrl = "~/Images/" + fileName;
}
if (i == 2)
{
Image3.ImageUrl = "~/Images/" + fileName;
}
if (i == 3)
{
Image4.ImageUrl = "~/Images/" + fileName;
}
if (i == 4)
{
Image5.ImageUrl = "~/Images/" + fileName;
}
if (i == 5)
{
Image6.ImageUrl = "~/Images/" + fileName;
}
if (i == 6)
{
Image7.ImageUrl = "~/Images/" + fileName;
}
if (i == 7)
{
Image8.ImageUrl = "~/Images/" + fileName;
}
if (i == 8)
{
Image9.ImageUrl = "~/Images/" + fileName;
}
if (i == 9)
{
Image10.ImageUrl = "~/Images/" + fileName;
}
}
}
catch (Exception ex)
{
throw ex;
}
}
}

No comments:

Post a Comment