JavaScript はファイル フィールド フォームを動的に追加する機能を実装します

複数のファイルをアップロードする場合は、js を使用してファイル フィールドを動的に生成できます。ソース コードは、後で直接使用できるようにここに保存します。

JS コード:

<script language="javascript">

//ファイル フィールドの数を表すグローバル変数。この変数を使用してファイル フィールドの名前属性を区別します。

var file_count = 0

//ファイル フィールド

関数 additem(id; ) {

if ( file_count > 9) {

alert("最も多くの u22810 10 u25991 files u22495 ")

//

行

変数 row を定義します; セルの内容変数 str;

var row,cell,str;

//指定された ID を持つ行をテーブルに挿入します

document.all

["+'"'+id+'"'+"]").insertRow();

row ! = null ) {

//行の背景色を設定します

row.bgColor="white"

//行にセルを挿入します

cell = row.insertCell()

//ファイルを含む str の値を設定しますフィールドと削除ボタン

str='<input onselectstart="return false" class="tf" onpaste="return false" type="file" name="file[' + file_count + ']" style="width:500px " onkeydown="return false;"/>';

str += "&nbsp;<input type="+'"'+"button"+'"'+" value="+'"'+"Delete"+' "'+" onclick ='deleteitem(this,"+'"'+"tb"+'"'+");'>";

//ファイルフィールドの数が増加します

file_count++;

//セルのinnerHTMLを設定します

cell.innerHTML =str;

の

内容

へ
//ファイルドメインを削除
関数 deleteitem(obj,id) {
var rowNum,curRow;
curRow = obj.parentNode.parentNode;
rowNum = eval("document.all."+id).rows.length - 1;
eval("document.all["+'"'+id+'"'+"]").deleteRow(curRow.rowIndex);
ファイル数--;
}
</script>

HTML コード:

<input type=button value="追加" onclick='additem("tb")'/><br/>
<table cellpacing="0" id="tb" style="width:400px">
</テーブル>