ASP.Net 多图片上传（可验证）

1:客户页面

 

 

 <%@ Page Language="C#" MasterPageFile="~/Admin/admin.master" AutoEventWireup="true" CodeFile="AddProductPhoto.aspx.cs" Inherits="Admin_AddProductPhoto" Title="Untitled Page" %>

<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp" %>
   

<asp:Content ID="Content1" ContentPlaceHolderID="cphAdmin" Runat="Server">

<script type="text/javascript">
var file_num=1;
function addFile() {
 if(file_num>=10) return alert("一次只允许上传10个文件！");
 var temp;
 temp="<div><input type=/"file/" name=/"mfile" + (file_num+1) + "/" size=/"70/" οnchange=/"mysubmit()/" />&nbsp;<button οnclick=/"removeSelf(this)/">删除</button></div>";
 var obj=document.getElementById("file_group");
 obj.innerHTML=obj.innerHTML+temp;
 file_num++;
}
function removeSelf(node) {
 var obj=node.parentNode.parentNode.removeChild(node.parentNode);
 file_num--;
}
function chkUpload(){
 var obj=document.getElementsByTagName("input");
 for (i=0;i<obj.length;i++)
 {
  if(obj[i].type=="file")
  {
   if(obj[i].value!="")
   {
    var getStr=obj[i].value.match(//.(jpg|gif|png|bmp)$/);
    if(!getStr)
    {
     alert("只允许上传 jpg、gif、png、bmp 格式的图片！");
     return false;
    }
   }
  }
 }//end for
 return true;
}
function mysubmit(){
 var ret=false;
 if(chkUpload()){ ret=true;}
 return ret;
}
</script>

    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <asp:ScriptManager id="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel id="UpdatePanel1" runat="server">
        <contenttemplate>
<TABLE style="WIDTH: 663px"><TBODY><TR><TD style="WIDTH: 99px; HEIGHT: 28px" align=left><asp:Label id="Label1" runat="server" Text="产品类型："></asp:Label></TD><TD style="WIDTH: 158px; HEIGHT: 28px" align=center>&nbsp;<asp:DropDownList id="DropDownList1" runat="server" DataSourceID="ObjectDataSource1" Width="153px" OnTextChanged="DropDownList1_TextChanged" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged" DataValueField="ID" DataTextField="Name" AutoPostBack="True"></asp:DropDownList></TD><TD style="WIDTH: 148px; HEIGHT: 28px" align=right>&nbsp; <asp:Label id="Label3" runat="server" Text="产品名称："></asp:Label></TD><TD style="WIDTH: 304px; HEIGHT: 28px" align=left><asp:DropDownList id="DropDownList2" runat="server" Width="212px" Height="21px"></asp:DropDownList> <asp:RequiredFieldValidator id="RequiredFieldValidator1" runat="server" ControlToValidate="DropDownList2" ErrorMessage="不能空"></asp:RequiredFieldValidator></TD></TR></TBODY></TABLE>
</contenttemplate>
    </asp:UpdatePanel>
    <asp:Label ID="Label2" runat="server" Text="产品图片："></asp:Label><br />
   <div id="file_group">

    <input name="mfile1" type="file" value="" size="70"  οnchange="mysubmit()"/>
    <input id="add" type="button" οnclick="addFile()" value="添加" />
</div>
                        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="添 加" />
        <input id="Button3" type="button" value="重置" οnclick="this.form.reset();" />
    <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" SelectMethod="GetAllCategories"
        TypeName="MyCommerce.BLL.CategoryManager"></asp:ObjectDataSource>
 

</asp:Content>

 

 

2：服务器（添加按钮）

  protected void Button1_Click(object sender, EventArgs e)
    {

     HttpFileCollection files = HttpContext.Current.Request.Files;
        int Count , fileCount=files.Count;
        try
        {
            for (Count = 0; Count < fileCount; Count++)
            {
                Random r = new Random();
                string i = r.Next(100).ToString();
                HttpPostedFile postFile = files[Count];
                string fileName, fileExtension, saveName;

                fileName = Path.GetFileName(postFile.FileName);
                fileExtension = Path.GetExtension(postFile.FileName);
                saveName = DateTime.Now.ToString("yyyyMMddhhmmss")+i+ fileExtension;
                if (fileName != string.Empty)
                {
                    if (fileExtension.Equals(".jpg")|| fileExtension.Equals(".bmp")|| fileExtension .Equals( ".gif") || fileExtension .Equals( ".png"))
                    {
                        postFile.SaveAs(Server.MapPath("../images/products/" + saveName));
                        ProductImage p = new ProductImage();
                        p.Product = ProductManager.GetProductByID(Convert.ToInt32(DropDownList2.Text));
                        p.ImageFile = saveName;
                        ProductImageManager.AddProductImage(p);
                    }
                    else
                    {
                        Response.Write("<script>alert('图片格式有误！'),</script>");
                    }
                }

            }

}