页面导航：首页 → 网络编程 → JavaScript → 表单特效 → 正文内容 js复制上传form

js批量上传界面的实现

发布：dxy 字体：[增加减小] 类型：转载

我谈谈一个非常简单的功能。用javascript来实现：通常的博客上都支持上传文件有2种方式：

1.下载插件快速上传。
2.用HTML上传控件有限制的上传。
我下面用javascript脚本来实现2的功能。
1.动态的增加上传控件。
2.动态的删除上传控件。
3.限制用户在上传控件中乱输入路径。

点击运行可以看到效果:

<html>

<head> 
<meta http-equiv="content-type" content="text/html"> 
<title>locale photo</title> 
<script> 
function AddMoreRow() 
{ 
    var oRow=event.srcElement.parentNode.parentNode; 
    var oTable=oRow.parentNode.parentNode; 
    oNewRow=oTable.insertRow(); 
    for(i=0;i<oRow.cells.length;i++) 
    { 
        oNewRow.insertCell().innerHTML=oRow.cells[i].innerHTML; 
    } 
    oRow.all("DelBtn").disabled=false; 
    oNewRow.all("DelBtn").disabled=false; 
} 
function DeleteMoreRow() 
{ 
    var oRow=event.srcElement.parentNode.parentNode; 
    var oTable=oRow.parentNode.parentNode; 
   if(oTable.rows.length>1) 
    { 
        oTable.deleteRow(oRow.rowIndex); 
        if(oTable.rows.length==1) 
        { 
           oTable.all("DelBtn").disabled=true; 
        } 
    } 
} 
function DisabledKeyInput() 
{ 
    if(event.keyCode!=8&&event.keyCode!=46) 
    { 
        event.returnValue=false; 
    } 
} 
</script> 
</head>

<tr>

</tr> 
</table> 
<table> 
<tr align="center"> 
<td align="center"> 
<input type="submit" value="保存">  <input type="reset" value="取消"></td> 
</tr> 
</table> 
</form> 
</body> 
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：js 批量上传

百度中搜索更多的关于js批量上传界面的实现内容，或者用Google搜索相关更多

浏览次数：载入中... 打印本文关闭本文返回首页

顶一下

上一篇文章：js用图作提交按钮或超连接
下一篇文章：javascript+css好多网站用的选星星实现打分功能的函数

文章评论

共有位脚本之家网友发表了评论我来说两句

js批量上传界面的实现

文章评论

同类文章

最近更新

热点排行

js批量上传界面的实现

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行