2011-08-09 8 views
1

ファイルアップロードフィールドを削除するボタンと、ファイルアップロードフィールドを削除するボタンを作成するボタンを作成しました。ファイルアップロードフィールド。問題は、フィールドに固有の名前がないように見えることです。フィールドは、img1、img2、img3などの名前を持つはずです...ファイルがSQLテーブルにアップロードされていないので、私はそれが動作していないことがわかります。ここでjavascriptを使用して一意の名前で複数のファイルアップロードフィールドを生成しようとしました

は私のJavaScriptとHTMLです:

<script type="text/javascript"> 
var counter = 0; 
function init(){ 
document.getElementById("counter").value=counter; 
} 
function add(){ 
counter++; 
if (counter > 10){counter = 10; 
} 
else{ 
document.getElementById("counter").value=counter; 
document.getElementById("addimg").innerHTML+="<input type='file' name='img'+counter>"+"<br>";} 
} 
function remove(){ 
counter--; 
if (counter <= 0){counter = 0;} 
document.getElementById("counter").value=counter; 
document.getElementById("addimg").innerHTML=""; 
for (var i=1;i<=counter;i++) 
{ 
document.getElementById("addimg").innerHTML+="<input type='file' name='img'+i>"+"<br>"; 
} 
} 
</script> 


<body onLoad = "init()"> 
<button onClick="add()" >Add Photo</button> 
<button onClick="remove()" >Remove a Photo</button><br> 
<form method="POST" enctype='multipart/form-data'> 
<div id="addimg"> 
</div> 
<input type="text" id="counter" name="counter" value=""> 
<input type="submit" name="submit" value="submit"> 
</form> 


</body> 

答えて

1

は、この行を参照してください:

document.getElementById("addimg").innerHTML+= 
    "<input type='file' name='img'+counter>"+"<br>";} 

カウンター

使用

の一部ではありません

この行の同じ失策:

document.getElementById("addimg").innerHTML+="<input type='file' name='img'+i>"+"<br>"; 
+0

は、入力タグの直角閉じ括弧があってはなりませんか? – user701510

+0

はい。わすれてた –

関連する問題