在ASP.NET中實現多檔案上傳
阿新 • • 發佈:2019-02-08
<%@ 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>
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">
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)
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
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>