多文件上传

html

<table width="95%" border="0" cellpadding="0" cellspacing="1" class="biaogeys4_1"> <tr> <td align="right" class="biaogeys4" width="10%">公文附件：</td> <td align="left" valign="middle" class="biaogeys4" colspan="3" id="file"> <font color="red">上传附件不能为exe格式，单个附件不能超过5MB,最多只能上传10个附件</font><br> <input type="file" name="uploadFile" id="uploadFile" size="30"> <input name="继续添加附件" type="button" value="继续添加附件" onclick="AddMore()"> </td> </tr></table>

JS

function AddMore(){ // 验证上传附件不能超过10个 if(num>8){ alert("上传附件不能超过10个"); return false; } var more = document.getElementById("file"); var br = document.createElement("br"); var input = document.createElement("input"); var button = document.createElement("input"); num++; input.type = "file"; input.name = fileName+num; input.size = "30"; button.type = "button"; button.value = "取消"; more.appendChild(br); more.appendChild(input); more.appendChild(button); button.onclick = function(){ more.removeChild(br); more.removeChild(input); more.removeChild(button); }; }