js批量上传界面的实现

ttx9n · 发表于 2008-4-7 20:52:43

我谈谈一个非常简单的功能。用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 全选注:如需引入外部Js需刷新才能执行]

醉梦娱乐网 · 发表于 2022-8-30 08:39:01

老衲笑纳了

r8st9 · 发表于 2022-9-20 11:57:00

sdsadsadsadf

u7yxn9 · 发表于 2022-10-24 22:24:06

很不错的源码论坛

q42obh · 发表于 2022-11-13 21:34:35

的沙发水电费水电费

thywok · 发表于 2022-12-12 09:41:55

啪啪啪生怕PSP怕

xf9hlg1 · 发表于 2023-5-4 19:05:59

呵呵呵呵呵呵呵a

平平安安 · 发表于 2023-6-18 05:42:55

啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦

mkonji · 发表于 2023-11-17 22:11:27

儿飞飞微风DVD谁vdsvd

locopy · 发表于 2024-4-11 21:31:10

66666666666666666666

账号		自动登录	找回密码
密码			立即注册

[JavaScript] js批量上传界面的实现

相关帖子