| 多附件上传组件演示（转载） |
| 2008-05-10 | |
|
1.可以动态添加或删除上传文件的对象 2.自动处理文件路径获取文件名. 3.自动计算待上传文件数 <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+="<div id=NameDetail title='"+mName[mName.length-1]+"'>"+mName[mName.length-1]+"</div>" } } 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> <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> |
| < 上一篇 | 下一篇 > |
|---|