多附件上传组件演示- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 多附件上传组件演示

Javascript: csdn 博客的css样式 v3; javascript 常用代码技巧大收集; javascript div 弹出可拖动窗口; jQuery 使用个人心得; ajax 文件上传应用简单实现; 用正则表达式动态创建/增加css style script 兼容IE firefox; 10个新的最有前途的JavaScript框架; 自动完成JS类(纯JS, Ajax模式); JavaScript 颜色梯度和渐变效果; IE6与IE7中，innerHTML获取param的区别; for 循环性能比较提高for循环的效率; Ext javascript建立超链接，进行事件处理的实现方法; 利用javascript移动div层-javascript 拖动层; jQuery 全选效果实现代码; 一个tab标签切换效果代码; 提取自百度有啊的css圆角效果; 可左右平滑滚动的产品展示效果; 响应鼠标变换表格背景或者颜色的代码; ymyang 绘图实例代码; JS 单击连接保存图片的函数

No. « ‹ 216 217 218 219 › »

技术文章搜索

关键字

Javascript 中的多附件上传组件演示

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 239 ::

收藏到网摘: n/a

Javascript 不能释放内存. 一个很Cool的JS菜单效果

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 全选提示:你可先修改部分代码,再按运行]

Javascript 不能释放内存. 一个很Cool的JS菜单效果

Javascript 中的 多附件上传组件演示

评论 (0) All

Javascript 中的多附件上传组件演示