动态多附件上传多附件动态上传

http://blog.csdn.net/zhongbx/archive/2007/04/06/1553919.aspx

动态多附件上传多附件动态上传

边在网上找边自己想，终于是搞出个完整的东西来，贴在这里希望能够帮到那些还在摸的编程兄弟们 ,还有要感谢那些把资料贴出来的csdn 兄弟们，谢谢大家了

<html><head>
<style>
a.addfile {
  background-image:url(http://p.mail.163.com/js31style/lib/0703131650/163blue/f1.gif);
  background-repeat:no-repeat;
  background-position:-823px -17px;
  display:block;
  float:left;
  height:20px;
  margin-top:-1px;
  position:relative;
  text-decoration:none;
  top:0pt;
  width:80px;
}
input.addfile {
  /*left:-18px;*/
}
input.addfile {
  cursor:pointer !important;
  height:18px;
  left:-13px;
  filter:alpha(opacity=0);
  position:absolute;
  top:5px;
  width:1px;
  z-index: -1;
}
</style>
<script language="javascript" >
    var n=0;                 //初始化数组为0，之后随着化来变化
   var fileCount=1;         //总共输入了多少个有值的控件 File ,初始化为1
   var tempRow=0;           //动态表格的临时行
    var maxRows=0;           //动态表格的临时列
   var num = 1;             //file 控件数组下标,从1开始,默认显示一个所以那个是 0
    var fileCount=1;         //整个操作中,总共用了多少个 File 控件

    function addFile()
    {
  var str = '<a href=#? class="addfile" ,str);

  //这里可以灵活处理
      tempRow=fileTable.rows.length-1;    //fileTable   就是那个动态的   table 的 ID 了
     maxRows=tempRow;
     tempRow=tempRow+1;
     var Rows=fileTable.rows;            //Rows 数组
     var newRow=fileTable.insertRow(fileTable.rows.length);    //插入新的一行
     var Cells=newRow.cells;                                   //Cells 数组
     for (i=0;i<3;i++)                                         //每行的2列数据,一列用来显示文件名,一列显示"删除"操作
     {
       var newCell=Rows(newRow.rowIndex).insertCell(Cells.length);
       newCell.align="center";
       switch (i)
       {
         case 0 : newCell.innerHTML="<td width='40%' align='left'><span id='"+n+"'></span></td>";break;
         case 1 : newCell.innerHTML="<td width='20%' align='left'><a href='javascript:delTableFileRow(\"" +tempRow+ "\",\"" + n + "\")'>删除</a></TD>"; break;
     case 2 : newCell.innerHTML="<td width='40%' align='left'> </TD>"; break;
       }
     }
     maxRows+=1;
     document.getElementById(n).insertAdjacentText("beforeBegin",fileTextValue);
  n++;
  num++;
  fileCount++;
    }

function delTableFileRow(rowNum,fileCount){
    if (fileTable.rows.length >rowNum){
      fileTable.deleteRow(rowNum);    //删除当关行
    }else
    fileTable.deleteRow(fileTable.rows.length-1);
    document.all("MyFile").removeChild(document.all("a" + fileCount)); //从元素P上删除子结点 a 。（跟删除表格行同步）
    fileCount--;    //总数 -1
}

</script>
</head>
<body>
<form >

</tr>
</table>
</body></html>