当前位置：Gxlcms > JavaScript > js批量上传界面的实现

js批量上传界面的实现

时间：2021-07-01 10:21:17 帮助过：6人阅读

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需刷新才能执行]

js批量上传界面的实现

人气教程排行