前端

img Bookworm_Leaf

上传文件

发表于2008/9/28 11:42:00  213人阅读

 
  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;
  17.         var oTR  = document.createElement("TR");
  18.         var oTD1 = document.createElement("TD");
  19.         var oTD2 = document.createElement("TD");
  20.         
  21.         oTR.setAttribute("id","file_" + fileIndex);
  22.         oTR.setAttribute("bgcolor","#FFFFFF");
  23.         oTD1.setAttribute("width","6%");
  24.         oTD2.setAttribute("width","94%");
  25.         oTD2.setAttribute("align","left");
  26.         oTD2.innerText =getFileName( oFileInput.value);
  27.         oTD1.innerHTML = '<A href="javascript:removeFile('+ fileIndex + ');">删除</A>';
  28.         
  29.         oTR.appendChild(oTD1);
  30.         oTR.appendChild(oTD2);
  31.         oFileList.appendChild(oTR);
  32.     var who=document.getElementById("fileupload");
  33.     var who2= who.cloneNode(false);
  34.     who2.onchange= who.onchange;// events are not cloned 
  35.     who.parentNode.replaceChild(who2,who);
  36.      }
  37.  //---移除上传的文件 
  38.     function removeFile(fileIndex){
  39.         var oTR = document.getElementById("file_" + fileIndex);
  40.         fileList.removeChild(oTR);
  41.     }
  42. //获得文件名
  43.  function   getFileName(str)   
  44.   {   
  45.       var   n   =   str.lastIndexOf("//");   
  46.       if   (n   <   0)   
  47.             n=str.lastIndexOf("//");
  48.       if   (n>=0)   
  49.       {   
  50.             str=str.substring(n+1);   
  51.       }   
  52.       return   str;   
  53.   } 
  54. </SCRIPT>
阅读全文
0 0

相关文章推荐

img
取 消
img