我谈谈一个非常简单的功能。用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><body topmargin="10"><form method="post" enctype="multipart/form-data"><table><th>批量上传</th></table><table><tr><td nowrap="nowrap">名称*</td><td><input type="text" name="Name" size="15" maxlength="50"></td><td nowrap="nowrap">文件路径*</td><td><input type="file" name="FilePath" size="15" onKeyDown="DisabledKeyInput()" /></td><td nowrap="nowrap">说明*</td><td><input type="text" name="Description" size="45"><input type="button" value="增加" onclick="AddMoreRow()"></td><td nowrap="nowrap"> <input type="button" id="DelBtn" value="删除" disabled="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></body></html> 相关文章： 2021-06-21 2021-05-23 2021-09-28 2021-05-11 2021-11-30 2021-11-13 2021-06-12 2022-12-23