多附件上传组件演示

<head>
<meta http-equiv="Content-Language" content="zh-cn">
<script>
 function mCreateFile(obj){
  var eF
  var mName
  mFileName.innerHTML=""
    if (obj.id=="File") {
    for (i=0;i<mFile.children.length-1;i++)
    {
      if (mFile.children[i].value=="") {
              mFile.removeChild(mFile.children[i])
      }
      else
      {
        mName=mFile.children[i].value.split("\\")
        mFileName.innerHTML+=""+mName[mName.length-1]+""
      }
    }
    mstatus.innerHTML="总共有 <b>"+(mFile.children.length-1)+"</b> 个文件等待上传"
  }
 
  if (obj.id=="File_New") {
  eF=document.createElement('<input type="file" name="File" size="23" id=File_New onpropertychange="mCreateFile(this)">')
  mFile.appendChild(eF)
  obj.id="File"
  }
 }
</script>
<style>
table{
FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#999999,strength=3);
}
input{
border:1px soild #000000;
font-family:Verdana,Arial,宋体;
font-size:12px;
padding:2px;
}
#mTD{
  LINE-HEIGHT: 24px;
}
#mFile{
width:203px;
float:left;
|
#mFileName{
float:right;
width:182px;
}
#NameDetail{
overflow:hidden;
width:176px;
color:#000000;
font-family:Verdana,Arial,宋体;
font-size:12px;
cursor:default;
height:22px;
}
#mstatus{
font-size:12px;
color:#ff0000;
}
</style>
</head>
<body>
<form name=frm method=post>

总共有 <b>0</b> 个文件等待上传
  </td>
</tr>
</table>

</form>
</body>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]