1. 程式人生 > >在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><div style="padding:10px 0"><asp:Button runat="server" Text="開始上傳" ID="UploadButton" 
      onclick
="UploadButton_Click"></asp:Button></div><div><asp:Label ID="strStatus" runat="server" Font-Names="宋體" Font-Bold="True" Font-Size="9pt"
      Width
="500px" BorderStyle="None" BorderColor="White"></asp:Label></div></form></body></html>