上传文件

 

1. <A href="javascript:newUpload();">添加附件</A><span id="Filepane"><input type="file" id="fileupload" /></span>
2. <TABLE width="100%" border="0" cellpadding="0" cellspacing="1">
3.     <TBODY id="fileList"></TBODY>
4. </TABLE>
5. <DIV id="uploadFiles" style="display:block"></DIV>
6. <SCRIPT language="javascript">
7.    function newUpload(){
8.     var oFileList = document.getElementById("fileList");
9.     var fileCount = oFileList.childNodes.length + 1;
10.     var oFileInput = document.getElementById("fileupload");
11.     addFile(oFileInput);
12.     }  
13. //---新建一个文件显示列表
14.     function addFile(oFileInput){
15.         var oFileList = document.getElementById("fileList");
16.         var fileIndex = oFileList.childNodes.length + 1;
18.         var oTR  = document.createElement("TR");
20.         var oTD1 = document.createElement("TD");
21.         var oTD2 = document.createElement("TD");
22.         
23.         oTR.setAttribute("id","file_" + fileIndex);
24.         oTR.setAttribute("bgcolor","#FFFFFF");
25.         oTD1.setAttribute("width","6%");
26.         oTD2.setAttribute("width","94%");
27.         oTD2.setAttribute("align","left");
28.         oTD2.innerText =getFileName( oFileInput.value);
29.         oTD1.innerHTML = '<A href="javascript:removeFile('+ fileIndex + ');">删除</A>';
30.         
31.         oTR.appendChild(oTD1);
32.         oTR.appendChild(oTD2);
33.         oFileList.appendChild(oTR);
35.     var who=document.getElementById("fileupload");
36.     var who2= who.cloneNode(false);
37.     who2.onchange= who.onchange;// events are not cloned 
38.     who.parentNode.replaceChild(who2,who);
39.      }
40.  //---移除上传的文件 
41.     function removeFile(fileIndex){
42.         var oTR = document.getElementById("file_" + fileIndex);
43.         fileList.removeChild(oTR);
44.     }
46. //获得文件名
47.  function   getFileName(str)   
48.   {   
49.       var   n   =   str.lastIndexOf("//");   
50.       if   (n   <   0)   
51.             n=str.lastIndexOf("//");
52.       if   (n>=0)   
53.       {   
54.             str=str.substring(n+1);   
55.       }   
56.       return   str;   
57.   } 
58. </SCRIPT>