批量上传不同图片

<% ... @ Page Language="C#" AutoEventWireup="true" CodeFile="163上传控件.aspx.cs" Inherits="mytest_163上传控件"
    Debug="true"  %>

<! 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 > 163上传 </ title >
     < style  type ="text/css" > ...   
    a.addfile   {...}{ 
        background-image:url(http://p.mail.163.com/js31style/lib/0703131650/163blue/f1.gif); 
        background-repeat:no-repeat; 
        background-position:-915px   -17px; 
        display:block; 
        float:left; 
        height:20px; 
        margin-top:-1px; 
        position:relative; 
        text-decoration:none; 
        top:0pt; 
        width:80px; 
    } 
     
    input.addfile   {...}{ 
        cursor:pointer   !important; 
        height:18px; 
        left:-13px; 
        filter:alpha(opacity=0);   
        position:absolute; 
        top:5px; 
        width:1px; 
        z-index:   -1; 
    } 
    img.addfile {...}{
        background-image:url(http://p.mail.163.com/js31style/lib/0703131650/163blue/f1.gif); 
        background-repeat:no-repeat; 
        background-position:-802px   -36px; 
        width:13px;
        height:13px;
    }
</ style >

     < script  type ="text/javascript" > ...  
    window.$ = document.getElementById;
    var fileNumber = 0;
    function createnew()
    ...{
        if ( IsExist(this.value))
        ...{
            var father = this.parentNode;
            while(father.firstChild)
            ...{
                father.removeChild(father.firstChild);
            }
            var newf = document.createElement("input");
            newf.type = this.type;
            newf.name = this.name;
            newf.className = this.className;
            newf.runat = this.runat;
            newf.onchange = this.onchange;
            father.appendChild(newf);
            alert("请不要上传相同图片！");
            return;
        }
        
        var c_a = $('container1');// 找到上传控件的a容器
        var c_div = $('container2');// 放置图片的容器
        var fileCtr = c_a.firstChild;// 上传控件
        
        var subDiv = document.createElement("div");// 将放置到c_div中的容器
        var img1 = document.createElement("img");// 上传的图片
        img1.src = "file://"+fileCtr.value;
        img1.style.width = "30px";
        img1.style.height = "30px";
        img1.onerror = function()...{
            alert("请上传图片!");
            var father = this.parentNode;
            var gfather = father.parentNode;
            father.removeChild(this);
            gfather.removeChild(father);
        }
        
        var img2 = document.createElement("img");// 删除图片按钮
        img2.className = "addfile";
        img2.onclick = function()...{this.parentNode.parentNode.removeChild(this.parentNode)}
        
        subDiv.appendChild(img1);
        subDiv.appendChild(img2);        
        subDiv.appendChild(fileCtr);        
        
        
        c_div.appendChild(subDiv);
        
        fileNumber++;
        
        var newFileCtr = document.createElement("input");
        newFileCtr.type = "file";
        newFileCtr.className = "addfile";
        newFileCtr.runat = "server";
        newFileCtr.name = "file_"+fileNumber;
        newFileCtr.onchange = createnew;
        while(c_a.firstChild)
        ...{
            c_a.removeChild(c_a.firstChild);
        }
        
        c_a.appendChild(newFileCtr);
    }   
    // 相同文件控制
    function IsExist(name1)
    ...{
        var upfiles = document.getElementsByTagName("input");
        var n=0;
        for(var i=0; i<upfiles.length;i++)
        ...{
            var file = upfiles[i];
            if ( file.type == "file" && file.value==name1)
            ...{
                n++;
            }
            if ( n > 1 )//找到两个
            ...{
                return true;
            }
        }
        return false;
    } 
     </ script >

</ head >
< body >
     < form  id ="form1"  runat ="server" >
         < div >
             < a  id ="container1"  class ="addfile" >
                 < input  name ="file_0"  type ="file"  class ="addfile"   onchange ="createnew();"  runat ="server"   />
             </ a >
         </ div >
         < div  id ="container2"  style ="position:relative; float:left; " >
         </ div >
         < asp:Button  ID ="Button1"  runat ="server"  Text ="Button"  OnClick ="Button1_Click"   />
     </ form >
</ body >
</ html >

 

 

using  System;
using  System.Data;
using  System.Configuration;
using  System.Collections;
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;

public   partial   class  mytest_163上传控件 : System.Web.UI.Page
... {
    protected void Page_Load(object sender, EventArgs e)
    ...{
        
    }

    protected void Button1_Click(object sender, EventArgs e)
    ...{
        string s = "上传图片有：";
        for(int i=0;i<Request.Files.Count;i++)
        ...{
            s += Request.Files[i].FileName + " ";
        }
        Response.Write(s);
    }
}