js批量上传界面的实现 | 学步园

返回顶部
查看留言
转到底部

现在的位置: 首页 > 综合 > 正文

js批量上传界面的实现

2012年05月18日 ⁄ 综合 ⁄ 共 454字 ⁄ 字号小中大 ⁄ 评论关闭

1.下载插件快速上传。
2.用HTML上传控件有限制的上传。

我下面用javascript脚本来实现2的功能。

1.动态的增加上传控件。
2.动态的删除上传控件。
3.限制用户在上传控件中乱输入路径。

<meta http-equiv="content-type" content="text/html"><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><br />
<form method="post" enctype="multipart/form-data">
<table>
<th>批量上传</th>
</table>
<table>
<tr>
<td nowrap>名称*</td>
<td><input type="text" name="Name" size="15" maxlength="50"></td>
<td nowrap>文件路径*</td>
<td><input type="file" name="FilePath" size="15" onkeydown="DisabledKeyInput()"></td>
<td nowrap>说明*</td>
<td><input type="text" name="Description" size="45"><input type="button" value="增加" onclick="AddMoreRow()"></td>
<td nowrap>
<input type="button" id="DelBtn" value="删除" disabled onclick="DeleteMoreRow()"></td>
</tr>
</table>
<table>
<tr align="center">
<td align="center">
<input type="submit" value="保存"><input type="reset" value="取消"></td>
</tr>
</table>
</form>
<p>

返回

【上篇】金蝶 k3 打开帐套时提示中间层配置有误 .
【下篇】TCP协议的三次握手过程

作者: soybean

该日志由 soybean 于12年前发表在综合分类下，最后更新于 2012年05月18日.
转载请注明: js批量上传界面的实现 | 学步园 +复制链接

抱歉!评论已关闭.

返回首页

Copyright © 2013-2018 学步园保留所有权利.
软文销售 QQ客服：2265327166

点击这里给我发消息

（其他合作也可洽谈）