asp .net 多文件上传（二）

在上篇asp .net 多文档上传控件实现的多文件上载控件，在上载文件太大的时候，就会出现“文件已经关闭”的错误，现在这个版本，重新实现修改原来的方式，可以上载任意大小的文件，并且在添加文件时也不用回调服务端，删除文件时，也会动态的删除选择的文件，截图如下：

选择文件：

上载成功：

源码

MutiLoad控件

  1using System;

  2using System.Data;

  3using System.Configuration;

  4using System.Web;

  5using System.Web.Security;

  6using System.Web.UI;

  7using System.Web.UI.WebControls;

  8using System.Web.UI.WebControls.WebParts;

  9using System.Web.UI.HtmlControls;

 10using System.Web.UI.MobileControls;

 11using System.Collections.Generic;

 12

 13

 14namespace WebApplication1

 15{

 16    public class MutiLoad:WebControl

 17    {

 18        string strFiles = "";

 19        List<int> list = new List<int>();        

 20        

 21        public int Count

 22        {

 23            get

 24            {

 25               

 26                return list.Count;

 27            }

 28        }

 29        public int[] FileIndex

 30        {

 31            get

 32            {

 33                return list.ToArray();

 34            }

 35        }

 36        protected override void OnLoad(EventArgs e)

 37        {

 38            base.OnLoad(e);

 39            if (Page.IsPostBack)

 40            {

 41                if (Page.Request.Form["hidvalue"] == null)

 42                    strFiles ="";

 43                else

 44                    strFiles = ","+Page.Request.Form["hidvalue"].Trim(',')+",";

 45                HttpFileCollection files1 =HttpContext.Current.Request.Files;

 46                for (int i = 0; i < files1.Count; i++)

 47                {

 48                    if (CheckFile(files1[i].FileName))

 49                        list.Add(i);

 50                }

 51

 52            }

 53        }

 54        private bool CheckFile(string FileName)

 55        {

 56            if (strFiles.IndexOf("," + FileName + ",") == -1)

 57                return false;

 58            strFiles = strFiles.Replace(FileName + ",","");

 59            return true;

 60        }

 61        protected override void OnPreRender(EventArgs e)

 62        {

 63            if (!Page.ClientScript.IsClientScriptBlockRegistered("MyJavaScript"))

 64            {

 65                Page.ClientScript.RegisterClientScriptBlock

 66               (Page.GetType(), "MyJavaScript", strScript);

 67            }

 68            base.OnPreRender(e);

 69            HtmlForm form = this.Page.Form;

 70            if ((form != null) && (form.Enctype.Length == 0))

 71            {

 72                form.Enctype = "multipart/form-data";

 73            }

 74        }

 75        protected override void Render(HtmlTextWriter writer)

 76        {

 77            base.Render(writer);

 78            writer.Write("<input type='hidden' id='hidvalue' name='hidvalue' />");

 79            writer.Write(strTable);

 80        }

 81

 82        WriteTable#region WriteTable

 83        private readonly string strTable = @" <table border='0' cellpadding='0' cellspacing='0' width='100%'>

 84                <tr>

 85                    <td>

 86                        <p id='MyFile'>

 87                            <span num='1'>

 88                                <input type='file' size='60' name='File' style='100%;height:25px' /></span></p>

 89                    </td>

 90                    <td align='left' style='100px'>

 91                        &nbsp;<input type='button' value='增加' onclick='addFile()' />

 92                        <input type='button' value='删除'

 93                            onclick='javascript:removeOptionSelected()' />&nbsp;

 94                    </td>

 95                </tr>

 96                <tr>

 97                    <td colspan='2' align='left'>

 98                        <select size='10' name='SelectListBox' id='SelectListBox' style='100%'>

 99                        </select>

                    </td>

                </tr>

            </table>";

        #endregion

        script#region script

        private readonly string strScript = @"<script language='JavaScript' type='text/javascript'>

    <!--

var count =1;

    var SelectControlID='SelectListBox';

    function addFile()

    {    

   

          if(!CheckFile())

            return;

        count++;

        var str = ""<span Num='""+count+""'><INPUT type='file' size='60' NAME='File'  style='100%;height:25px'/></span>"";

        document.getElementById('MyFile').insertAdjacentHTML('beforeEnd',str)

    }

    function CheckFile()

    {

       var filenames = document.getElementById('MyFile').getElementsByTagName('span');

       for(var i =0;i<filenames.length;i++)

       {           

            if( filenames[i].getAttribute('Num') == count)

            {

            var file =  filenames[i].getElementsByTagName('input').item(0).value;

            if(file == '')

            {

                alert('请选择文件');

                return false;

            }

            if(CheckOption(file))

            {

                alert('文件已经在列表中存在。');

                return false;

             }

                filenames[i].style.display='none';                 

                appendOptionLast(file);

                return true;

            }            

                

       }

       return true;

   }

   function CheckUpload()

   {

        var str = getOption();

        if(str == '')

        {

            alert('请选择要上载的文件。');

            return false;

        }

        document.all.hidvalue.value=str;

        return true;

   }

    

   

    function insertOptionBefore(num)

    {

      var elSel = document.getElementById(SelectControlID);

      if (elSel.selectedIndex >= 0) {

        var elOptNew = document.createElement('option');

        elOptNew.text =  num;

        elOptNew.value = num;

        var elOptOld = elSel.options[elSel.selectedIndex];  

        try {

          elSel.add(elOptNew, elOptOld); // standards compliant; doesn't work in IE

        }

        catch(ex) {

          elSel.add(elOptNew, elSel.selectedIndex); // IE only

        }

      }

    }



    function removeOptionSelected()

    {

      var elSel = document.getElementById(SelectControlID);

      var i;

      for (i = elSel.length - 1; i>=0; i--) {

        if (elSel.options[i].selected) {

          elSel.remove(i);

        }

      }

    }



    function appendOptionLast(num)

    {

      var elOptNew = document.createElement('option');

      elOptNew.text =  num;

      elOptNew.value =num;

      var elSel = document.getElementById(SelectControlID);



      try {

        elSel.add(elOptNew, null); // standards compliant; doesn't work in IE

      }

      catch(ex) {

        elSel.add(elOptNew); // IE only

      }

    }



    function removeOptionLast()

    {

      var elSel = document.getElementById(SelectControlID);

      if (elSel.length > 0)

      {

        elSel.remove(elSel.length - 1);

      }

    }

    function getOption(split)

    {

    if(!split)

        split = ',';

      var elSel = document.getElementById(SelectControlID);

      var i;

      var str='';

      for (i = elSel.length - 1; i>=0; i--) {

        str+=elSel.options[i].value+split;

      }

      return str;

    }

     function CheckOption(value)

    {

      var elSel = document.getElementById(SelectControlID);

      var i;

      for (i = elSel.length - 1; i>=0; i--) {

        if(elSel.options[i].value == value)

            return true;

      }

      return false;

    }

 //-->

</script>";

        #endregion

    }

}

使用方法如下：

在页面中加入上面的控件，ID为：FileUpLoadEx1

使用方法code
 1if (FileUpLoadEx1.Count == 0)
 2            {
 3                InfoTips = "请选择要上传的文件.";
 4                return;
 5            }
 6            HttpFileCollection files = HttpContext.Current.Request.Files;
 7            bool IsError = false;
 8            foreach (int i in FileUpLoadEx1.FileIndex)
 9            {
                try
                {
                    uploadfile(files[i], folder);
                    InfoTips = string.Format("文件\"{0}\"上载成功!", files[i].FileName);
                }
                catch (Exception ee)
                {
                    IsError = true;
                    InfoTipsLog.Exception(string.Format("文件\"{0}\"上载出错!错误:{1}", files[i].FileName, ee.Message));
                    logInfo.Exception(ee);
                }
            }
            if (!IsError)
                Return("上载成功.");