后台文件 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; /// <summary> /// UpLoad 的摘要说明。 /// 实现多文件上传 /// </summary> public partial class Upload : System.Web.UI.Page { private void Page_Load(object sender, System.EventArgs e) { } 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; } } protected void UploadButton_Click(object sender, EventArgs e) { this.SaveImages(); } } html代码 <%@ Page Language="c#" CodeFile="Upload.aspx.cs" AutoEventWireup="false" Inherits="Upload" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > <html> <head> <title>多文件上传</title> <script language="JavaScript"><!-- var num = 1; var num1 = 1; var pre = 1; function addFile() { pre = num1; ++num1; var str = '<INPUT id="'+num1+'" type="file" size="50" NAME="File" οnchange="show(this);addFile();">'; document.getElementById(pre).style.display = 'none'; document.getElementById('MyFile').insertAdjacentHTML("beforeBegin",str); } function show(id) { num++; if(num>10) { }else { var s = '<img id="'+num+'1" />'; document.getElementById("aImg").insertAdjacentHTML("beforeEnd",s); var dd = document.getElementById(num+"1"); dd.src = id.value; } } // --></script> </head> <body> <form id="form1" method="post" runat="server" enctype="multipart/form-data"> <div id="aImg"> </div> <div align="center"> <h3> 多文件上传</h3> <p id="MyFile"> <input type="file" id="1" size="50" name="File" οnchange="addFile();show(this)"></p> <p> <asp:Button runat="server" Text="开始上传" ID="UploadButton" OnClick="UploadButton_Click"> </asp:Button> <asp:Button ID="Button1" runat="server" Text="增加图片" /> </p> <p> <asp:Label ID="strStatus" runat="server" Font-Names="宋体" Font-Bold="True" Font-Size="9pt" Width="500px" BorderStyle="None" BorderColor="White"></asp:Label> </p> </div> </form> </body> </html>