实现动态添加批量上传 但最多只能添加5个


<script type="text/javascript">  
  
function addMore(){  
    var td = document.getElementById("more");  
      
    var br = document.createElement("br");  
    var input = document.createElement("input");  
    var button = document.createElement("input");  
      
    input.type = "file";  
    input.name = "file";  
      
    button.type = "button";  
     button.value = "Remove";  
      
    button.onclick = function(){  
        td.removeChild(br);  
        td.removeChild(input);  
        td.removeChild(button);  
   }  
     
    td.appendChild(br);  
    td.appendChild(input);  
    td.appendChild(button);  
}  
   
</script>
 <td id="more"><input type="file" name="upload"><input type="button" value="添加" onClick="addFile()"></td
我想实现 批量上传 但是 这样写的话 是无限的添加 浏览 ， 请问大侠们 如何实现 最多只能添加 5 个 ，超过5 个 用 alert（） 弹出最多 只能添加 5 个。  搞了几个小时了 也没弄出来 ，请各位帮帮忙啊  谢啦