jsバッチアップロードinterface_form特殊効果の実装

1. クイックアップロード用のプラグインをダウンロードします。
2. HTML アップロード コントロールを使用して、制限付きでアップロードします。

JavaScript スクリプトを使用して、以下の機能 2 を実装します。

1. アップロード コントロールを動的に追加します。
2. アップロード コントロールを動的に削除します。
3. ユーザーがアップロード コントロールにランダムにパスを入力することを制限します。

<meta http-equiv="content-type" content="text/html"> <title>現地の写真</title> <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>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、

を実行するために更新する必要があります]<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>