試圖生成更多文件上傳字段與使用javascript的唯一名稱

我已經設法創建一個按鈕，添加一個文件上傳字段，一個按鈕，刪除文件上傳字段，和一個計數器，跟蹤總數文件上傳字段。問題是這些字段似乎沒有唯一的名稱。這些字段應該具有名稱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>

來源

2011-08-09 user701510

看到這一行：

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

計數器不會是名

的一部分使用

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

該行同樣的失誤：

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

來源

2011-08-09 07:44:34

不應該有對輸入標籤的直角結束括號？ – user701510

是的。我忘了 –

試圖生成更多文件上傳字段與使用javascript的唯一名稱

回答

相關問題