html代碼
<script language="javascript" type="text/javascript">
function addFile()
{
//創(chuàng)建輸入元素(通用代碼)
//添加上傳文件按鈕
var fileUpLoadbutton = document.createElement("input");
fileUpLoadbutton.setAttribute("type","file");
fileUpLoadbutton.setAttribute("size","50");
fileUpLoadbutton.setAttribute("name","File");
fileUpLoadbutton.setAttribute("class","ButtonCss");
//添加刪除按鈕
var deleteImgbutton = document.createElement("img");
deleteImgbutton.setAttribute("src","../images/pic22.gif");
deleteImgbutton.setAttribute("style","width: 20px; height: 20px");
//給
deleteImgbutton.onclick=function(){deleteRow(1,this);};
var lastIndex= document.getElementById('FileList').childNodes.length-1;
if(lastIndex>-1)
{
var hideFile=document.getElementById('FileList').childNodes[lastIndex];
if(hideFile.value=="")
{
return;
}
hideFile.style.display="none";
var cell1 = document.createElement("td");
var cell2 = document.createElement("td");
// var str = hideFile.value;
var myList =new Array();
myList= hideFile.value.split("\\");
cell1.innerHTML = myList[myList.length-1];// hideFile.value;
cell2.appendChild(deleteImgbutton);
var row = document.createElement("tr");
row.appendChild(cell1);
row.appendChild(cell2);
var tBody = document.createElement("tbody").appendChild(row);
//識別當前瀏覽器
if(navigator.appName.indexOf("Explorer") > -1)
{
document.getElementById("FileTable").childNodes[0].appendChild(tBody);
}
else
{
document.getElementById("FileTable").appendChild(tBody);
}
}
document.getElementById('FileList').appendChild(fileUpLoadbutton);
}
function deleteRow(targPos,btnObj)
{
var tabObj=document.getElementById("FileTable");
var fileListLength = document.getElementById('FileList').childNodes.length;
var tabRowsLength = tabObj.rows.length;
for(var i =0;i<tabRowsLength;i++)
{
if(tabObj.getElementsByTagName('img')[i]==btnObj)
{
//刪除當前選中行
tabObj.deleteRow(i+targPos);
//獲得選中行對應的上傳我文件對象
var oldChild = document.getElementById('FileList').childNodes[i];
//刪除上傳文件對象
document.getElementById('FileList').removeChild(oldChild);
}
}
}
</script>
<div class="admin_title">
上傳文件
</div>
<div>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="left" valign="middle" class="style1">
<div id="FileList"><input id="File1" runat="server" name="File" size="50" type="file" /></div>
</td>
<td>
<input id="Button1" onclick="addFile()" size="26" style="height: 26px" type="button" value="增加文件" />
</td>
</tr>
</table>
<table style="width:100%" id="FileTable">
<tr>
<td style="width:60%">文件名稱</td>
<td style="width:40%">刪除文件</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" height="26" width="100%">
<tr>
<td align="left" valign="middle">
<asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="提交" />
</td>
</tr>
</table>
</div>
后臺CS代碼
protected void Button1_Click(object sender, EventArgs e)
{
string strmessage = "";
/**/
/////附件
HttpFileCollection fileList = HttpContext.Current.Request.Files;
//保存附件
for (int i = 0; i < fileList.Count; i++)
{ /**////添加單個附件
HttpPostedFile file = fileList[i];
if (file.FileName.Length <= 0 || file.ContentLength <= 0)
{
break;
}
// 保存附件到硬盤中
file.SaveAs(MapPath("../SaveFile/" + Path.GetFileName(file.FileName)));
}
}