多附件上传组件演示

<head>
<meta http-equiv="Content-Language" content="zh-cn">
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%0D%0A%20function%20mCreateFile(obj)%7B%0D%0A%20%20var%20eF%0D%0A%20%20var%20mName%0D%0A%20%20mFileName.innerHTML%3D%22%22%0D%0A%20%20%20%20if%20(obj.id%3D%3D%22File%22)%20%7B%0D%0A%20%20%20%20for%20(i%3D0%3Bi%3CmFile.children.length-1%3Bi%2B%2B)%0D%0A%20%20%20%20%7B%0D%0A%20%20%20%20%20%20if%20(mFile.children%5Bi%5D.value%3D%3D%22%22)%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20mFile.removeChild(mFile.children%5Bi%5D)%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20else%0D%0A%20%20%20%20%20%20%7B%0D%0A%20%20%20%20%20%20%20%20mName%3DmFile.children%5Bi%5D.value.split(%22%5C%5C%22)%0D%0A%20%20%20%20%20%20%20%20mFileName.innerHTML%2B%3D%22%3Cdiv%20id%3DNameDetail%20title%3D'%22%2BmName%5BmName.length-1%5D%2B%22'%3E%22%2BmName%5BmName.length-1%5D%2B%22%3C%2Fdiv%3E%22%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20mstatus.innerHTML%3D%22%E6%80%BB%E5%85%B1%E6%9C%89%20%3Cb%3E%22%2B(mFile.children.length-1)%2B%22%3C%2Fb%3E%20%E4%B8%AA%E6%96%87%E4%BB%B6%E7%AD%89%E5%BE%85%E4%B8%8A%E4%BC%A0%22%0D%0A%20%20%7D%0D%0A%20%0D%0A%20%20if%20(obj.id%3D%3D%22File_New%22)%20%7B%0D%0A%20%20eF%3Ddocument.createElement('%3Cinput%20type%3D%22file%22%20name%3D%22File%22%20size%3D%2223%22%20id%3DFile_New%20onpropertychange%3D%22mCreateFile(this)%22%3E')%0D%0A%20%20mFile.appendChild(eF)%0D%0A%20%20obj.id%3D%22File%22%0D%0A%20%20%7D%0D%0A%20%7D%0D%0A%3C%2Fscript%3E">
<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>
<div align="center">
<table border="1" width="420" style="border-collapse: collapse" bordercolor="#0066cc" cellpadding="4" bgcolor="#D0F0FF">
<tr>
<td bgcolor="#3399FF" height="26" align="center"><font color="#FFFFFF" size="3"><b>添加附件</b></font></td>
</tr>
<tr>
  <td id=mTD>
<div id=mFile><input type="file" name="File" size="23" id=File_New onpropertychange="mCreateFile(this)"></div>
<div id=mFileName></div>
        <div id=mstatus>总共有 <b>0</b> 个文件等待上传</div>
  </td>
</tr>
</table>
</div>
</form>
</body>

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

教程首页更多教程