多附件上传组件演示

更新时间：2006年09月07日 00:00:00 作者：

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>

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

多附件上传组件演示

微信小程序授权登录的最新实现方案详解(2023年)
最近由于公司需要研究了一下微信小程序的开发,特此记录一下小程序登录授权的流程,便于自己理解,也希望对他人有多帮助,下面这篇文章主要给大家介绍了关于微信小程序授权登录的最新实现方案的相关资料,需要的朋友可以参考下
2023-02-02
万字详解JavaScript手写一个Promise
这篇文章主要介绍了万字详解JavaScript手写一个Promise，Promise就是一个类，在执行这个类的时候，需要传递一个执行器(回调函数)进去，执行器会立即执行
2022-07-07
微信小程序实现日历小功能
这篇文章主要为大家详细介绍了微信小程序实现日历小功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-11-11
js Event对象的5种坐标
使用鼠标事件经常碰到这样的需求，比如获取鼠标相对于事件源的位置，鼠标相对于事件源对象父元素的位置
2011-09-09
js实现图片轮换效果代码
本教程使用js实现两张图片切换/多张图片轮换/结束执行等效果，感兴趣的朋友可以参考下哈，希望对你学习js有所帮助
2013-04-04
点击显示指定元素隐藏其他同辈元素的方法
点击显示指定元素并隐藏其他同辈元素，下面有个不错的方法,需要的朋友可以参考下
2014-02-02
微信小程序中slot插槽基本使用方法实例
之前竟然听到有人跟我说微信小程序没有组件插槽功能,下面这篇文章主要给大家介绍了关于微信小程序中slot插槽基本使用方法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-11-11
教你如何解密js/vbs/vbscript加密的编码异处理小结
教你如何解密js/vbs/vbscript加密的编码异处理加密代码是一篇非常不错的加密解密原理，希望大家仔细研究
2008-06-06
axios/fetch实现stream流式请求示例详解
这篇文章主要为大家介绍了axios/fetch实现stream流式请求示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-09-09
使用JavaScript实现实时搜索建议功能
在我们的技术旅程中,JavaScript 无疑是一个不可或缺的伙伴,这篇文章主要为大家详细介绍了如何使用 JavaScript 来实现一个复杂功能,即实时搜索建议,感兴趣的可以了解下
2024-02-02