多文件上传实现

     做新闻发布系统的时候，用到了文件上传的功能， 以前曾经做过一个单附件的上传，感觉用的不是很灵活，今天就常识了下多文件的上传。网上出现的大多都不是很好用，参考了孟子e章老师的思路，如下

待解决问题如下：

1.页面初始的时候只能显示一个File控件，如何动态的填加file控件，而且控件名要一致（相当于用同一个file 控件多次执行上传的目的）。
2.如何获取全部要上传的文件的本地地址，因为多文件的话这将是一个集合
3.怎么截取文件名
4.怎么截取文件扩展名
5.怎么保存到服务器目录上

解决问题：

1.至于动态的填加File控件，其实可以使用JavaScript脚本实现
 function addFile()
{
    var str ="<Input type = "file" name="File" >"    //str的内容和file定义的html要一致；
    document.getElementById('MyFile').insertAdjacentHTML("beforeEnd",str)  //在原来的file后再加一个同样的file 
    //MyFile 是file外部标签的名字也可是个div <p name=MyFile ><Input type = "file" name="File" ></p> 
 }

2（3；4）.如何获取全部要上传的文件的本地地址? 我们可以遍历file这表单的元素
System.Web.HttpFileCollection files  = HttpContext.Current.Request.Files;   //获取上传文件的集合
for(int iFile = 0; iFile < files.Count; iFile++)
    {
     ///'检查文件扩展名字
    System.Web.HttpPostedFile postedFile = files[iFile];
    fileName = System.IO.Path.GetFileName(postedFile.FileName);   //获得文件名
    fileExtension = System.IO.Path.GetExtension(fileName);   //获得文件扩展名
其实文件名和扩展名名还可以使用Substring()  LastIndexOf截取

5.怎么保存到服务器目录上
postedFile.SaveAs(System.Web.HttpContext.Current.Request.MapPath("UpLoad/") + fileName);
要事先在系统目录下建立一个UpLoad文件夹且修改你的文件夹的匿名写入权限

算法实现：
1.遍历File表单元素-->获取各文件名-----文件名为空-->提示为空
                                              |
                                    文件名不为空--->获取文件扩展名--->保存到服务器

其他未涉及操作：
1.可以根据文件的扩展名将文件保存到不同的目录
2.文件名可以系统自己生成，便于管理（可以根据上传的时间等算法取名）
3.如何突破大文件上传的限制
4.可以做个允许（或不允许）上传文件类型的限制

 

代码如下：

UPLoad.aspx  html

< HTML >
     < HEAD >
         < title > 多文件上传 </ title >
< script  language ="JavaScript" >
    function addFile()
{
        var str = '<INPUT type="file" size="50" NAME="File">'
        document.getElementById('MyFile').insertAdjacentHTML("beforeEnd",str)
    }
</ script >
     </ HEAD >
     < body >
         < form  id ="form1"  method ="post"  encType ="multipart/form-data"  runat ="server" >
             < div  align ="center" >
                 < h3 > 多文件上传 </ h3 >
                 < P  id ="MyFile" >< INPUT  type ="file"  size ="50"  name ="File" ></ P >
                 < P >< input  onclick ="addFile()"  type ="button"  value ="增加(Add)" >   < input  onclick ="this.form.reset()"  type ="button"  value ="重置(ReSet)" >
                     < asp:button  id ="UploadButton"  Text ="开始上传"  Runat ="server" ></ asp:button ></ P >
                 < P >< asp:label  id ="strStatus"  runat ="server"  BorderColor ="White"  BorderStyle ="None"  Width ="500px"
                        Font-Size ="9pt"  Font-Bold ="True"  Font-Names ="宋体" ></ asp:label ></ P >
             </ div >
         </ form >
     </ body >
</ HTML >

UPLoad.aspx.cs

 

using  System;
using  System.Collections;
using  System.ComponentModel;
using  System.Data;
using  System.Drawing;
using  System.Web;
using  System.Web.SessionState;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Web.UI.HtmlControls;


namespace  langsin
{
/// <summary>
    /// UpLoad 的摘要说明。
    /// 实现多文件上传
    /// </summary>
    public class Upload : System.Web.UI.Page
    {
        protected System.Web.UI.WebControls.Button UploadButton;
        protected System.Web.UI.WebControls.Label strStatus;

        private void Page_Load(object sender, System.EventArgs e)
     {
            / 在此处放置用户代码以初始化页面
            //if (this.IsPostBack) this.SaveImages();
        }

        private Boolean SaveImages()
     {
          ///'遍历File表单元素
            HttpFileCollection files  = HttpContext.Current.Request.Files;

           /// '状态信息
            System.Text.StringBuilder strMsg = new System.Text.StringBuilder();
            strMsg.Append("上传的文件分别是：<hr color=red>");
            try
        {
                for(int iFile = 0; iFile < files.Count; iFile++)
            {
                    ///'检查文件扩展名字
                    HttpPostedFile postedFile = files[iFile];
                    string fileName, fileExtension;
                    fileName = System.IO.Path.GetFileName(postedFile.FileName);
                    if (fileName != "")
                {
                        fileExtension = System.IO.Path.GetExtension(fileName);
                        strMsg.Append("上传的文件类型：" + postedFile.ContentType.ToString() + "<br>");
                        strMsg.Append("客户端文件地址：" + postedFile.FileName + "<br>");
                        strMsg.Append("上传文件的文件名：" + fileName + "<br>");
                        strMsg.Append("上传文件的扩展名：" + fileExtension + "<br><hr>");
                     ///'可根据扩展名字的不同保存到不同的文件夹
                        ///注意：可能要修改你的文件夹的匿名写入权限。
                        postedFile.SaveAs(System.Web.HttpContext.Current.Request.MapPath("images/") + fileName);
                    }
                }
                strStatus.Text = strMsg.ToString();
                return true;
            }
            catch(System.Exception Ex)
        {
                strStatus.Text = Ex.Message;
                return false;
            }
        }
        Web 窗体设计器生成的代码

#region Web 窗体设计器生成的代码
        override protected void OnInit(EventArgs e)
    {
            //
            // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
            //
            InitializeComponent();
            base.OnInit(e);
        }

     /// <summary>
        /// 设计器支持所需的方法 - 不要使用代码编辑器修改
        /// 此方法的内容。
        /// </summary>
        private void InitializeComponent()
     {    
            this.UploadButton.Click += new System.EventHandler(this.UploadButton_Click);
            this.ID = "Upload";
            this.Load += new System.EventHandler(this.Page_Load);

        }
        #endregion

        private void UploadButton_Click(object sender, System.EventArgs e)
    {
           this.SaveImages();
        }
    }
}

至此：全部结束