天天看點

在ASP.NET中實作多檔案上傳

在以前的Web應用中,上傳檔案是個很麻煩的事,現在有了.NET,檔案上傳變得輕而易舉。下面的這個例子實作了多檔案上傳功能。可以動态添加輸入表單,上傳的檔案數量沒有限制。代碼如下:

在ASP.NET中實作多檔案上傳
在ASP.NET中實作多檔案上傳

代碼

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MultiFileUpload.aspx.cs"

  Inherits="MultiFileUpload" %>

<!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>孟憲會多檔案上傳測試</title>

  <script type="text/javascript">

    function addFile() {

      var div = document.createElement("div");

      var f = document.createElement("input");

      f.setAttribute("type", "file")

      f.setAttribute("name", "File")

      f.setAttribute("size", "50")

      div.appendChild(f)

      var d = document.createElement("input");

      d.setAttribute("type", "button")

      d.setAttribute("onclick", "deteFile(this)");

      d.setAttribute("value", "移除")

      div.appendChild(d)

      document.getElementById("_container").appendChild(div);

    }

    function deteFile(o) {

      while (o.tagName != "DIV") o = o.parentNode;

      o.parentNode.removeChild(o);

  </script>

</head>

<body>

  <form id="form1" runat="server" method="post" enctype="multipart/form-data">

  <h3>多檔案上傳</h3>

   使用者名:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

  <div id="_container">

    <input type="file" size="50" name="File" />

  </div>

  <div>

    <input type="button" value="添加檔案(Add)" onclick="addFile()" />

  <div style="padding:10px 0">

    <asp:Button runat="server" Text="開始上傳" ID="UploadButton" 

      onclick="UploadButton_Click"></asp:Button>

    <asp:Label ID="strStatus" runat="server" Font-Names="宋體" Font-Bold="True" Font-Size="9pt"

      Width="500px" BorderStyle="None" BorderColor="White"></asp:Label>

  </form>

</body>

</html>

在ASP.NET中實作多檔案上傳
在ASP.NET中實作多檔案上傳

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class MultiFileUpload : System.Web.UI.Page

{

    protected void UploadButton_Click(object sender, EventArgs e)

    {

      ///'周遊File表單元素

      HttpFileCollection files = HttpContext.Current.Request.Files;

      /// '狀态資訊

      System.Text.StringBuilder strMsg = new System.Text.StringBuilder("您輸入的使用者名是:" + TextBox1.Text + "<br/>");

      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();

      }

      catch (System.Exception Ex)

        strStatus.Text = Ex.Message;

}