多附件上传组件演示

2020-07-27 13:33:35

字体：大中小

来源：转载

供稿：网友

<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>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：无组件生成缩略图

下一篇：asp实现无限级分类的方法js版