在以前的Web應用中，上傳文件是個很麻煩的事，現在有了.NET，文件上傳變得輕而易舉。下面的這個例子實現了多文件上傳功能。可以動態添加輸入表單，上傳的文件數量沒有限制。代碼如下：
VB語言:
MultiUpload.aspx
<%@ Page Language="vb" AutoEventWireup="false" Codebehind="MultiUpload.aspx.vb" Inherits="aspxWeb.MultiUpload" %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" ><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" runat="server" enctype="multipart/form-data"> <center> <asp:Label Runat="server" ID="MyTitle"></asp:Label> <P id="MyFile"><INPUT type="file" size="50" NAME="File"></P> <P> <input type="button" value="增加(Add)" onclick="addFile()"> <asp:Button Runat="server" Text="上傳" ID="Upload"></asp:Button> <input onclick="this.form.reset()" type="button" value="重置(ReSet)"> </P> </center> <P align="center"> <asp:Label id="strStatus" runat="server" Font-Names="宋體" Font-Bold="True" Font-Size="9pt" Width="500px" BorderStyle="None" BorderColor="White"></asp:Label> </P> </form> </body></HTML>MultiUpload.aspx.vb
Public Class MultiUpload Inherits System.Web.UI.Page Protected WithEvents Upload As System.Web.UI.WebControls.Button Protected WithEvents MyTitle As System.Web.UI.WebControls.Label Protected WithEvents strStatus As System.Web.UI.WebControls.Label
Web Form Designer Generated Code
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load MyTitle.Text = "<h3>多文件上傳</h3>" Upload.Text = "開始上傳" If (Me.IsPostBack) Then Me.SaveImages()
End Sub Private Function SaveImages() As System.Boolean '遍歷File表單元素 Dim files As System.Web.HttpFileCollection = System.Web.HttpContext.Current.Request.Files '狀態信息 Dim strMsg As New System.Text.StringBuilder("上傳的文件分別是：<hr color=red>") Dim iFile As System.Int32 Try For iFile = 0 To files.Count - 1 '檢查文件擴展名字 Dim postedFile As System.Web.HttpPostedFile = files(iFile) Dim fileName, fileExtension As System.String fileName = System.IO.Path.GetFileName(postedFile.FileName) If Not (fileName = String.Empty) Then 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) End If Next strStatus.Text = strMsg.ToString() Return True Catch Ex As System.Exception strStatus.Text = Ex.Message Return False End Try End Function
End ClassC#語言:
UpLoad.aspx
<%@ Page language="c#" Codebehind="UpLoad.aspx.cs" AutoEventWireup="false" Inherits="WebPortal.Upload" %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" ><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" runat="server" enctype="multipart/form-data"> <div align="center"> <h3>多文件上傳</h3> <P id="MyFile"><INPUT type="file" size="50" NAME="File"></P> <P> <input type="button" value="增加(Add)" onclick="addFile()"> <input onclick="this.form.reset()" type="button" value="重置(ReSet)"> <asp:Button Runat="server" Text="開始上傳" ID="UploadButton"></asp:Button> </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>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 WebPortal{ /// <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 窗體設計器生成的代碼 }}代碼加完後,還需在該頁文件下建立一個“images”的文件，以儲存上傳的文件。該代碼在vs.2003中調試成功!