js動態數量的文件上傳控件實現代碼如下所述：
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>動態數量的文件上傳</title><script type="text/javascript" src="jquery-2.2.0.min.js"></script><script type="text/javascript">$(function(){var i=2;$("#addFile").click(function(){$(this).parent().parent().before("<tr class='file'><td>File"+i+":</td><td><input type='file' name='file"+i+"'/></td></tr>"+"<tr class='desc'><td>Desc"+i+":</td><td><input type='text' name='desc"+i+"'/><button id='delete"+i+"'>刪除</button></td></tr>");i++;//刪除$("#delete"+(i-1)).click(function(){var $tr=$(this).parent().parent();$tr.prev("tr").remove();$tr.remove();//對i排序$(".file").each(function(index){var n=index+1;$(this).find("td:first").text("File"+n);$(this).find("td:last input").attr("name","file"+n);});$(".desc").each(function(index){var n=index+1;$(this).find("td:first").text("Desc"+n);$(this).find("td:last input").attr("name","desc"+n);});});});});</script></head><body><table><tr class="file"><td>File1:</td><td><input type="file" name="file1"/></td></tr><tr class="desc"><td>Desc1:</td><td><input type="text" name="desc1"/></td></tr><tr><td><input type="submit" id="submit" value="上傳"/></td><td><button id="addFile">增加</button></td></tr></table></body></html>好了，代碼到此結束了，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的，在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
