1. 程式人生 > >JS動態新增上傳檔案按鈕

JS動態新增上傳檔案按鈕

<script language="javascript">   
      var i = 0;   
      var maxTime = 10;//最大次數   
      function addFile() {      
           if(i < maxTime){   
                i++;   
                var fileDiv = document.all['fileDiv'];   
                var strHtml = '<span><input type="file"><button onclick="removeFile(parentNode);">刪除</button><br></span>';   
                fileDiv.innerHTML += strHtml;   
           }else{   
                alert("對不起,最多隻能上傳10個附件");   
           }     
      }   
         
      function removeFile(obj) {   
           i -- ;   
           alert(i);   
           obj.removeNode(true);   
      }   
</script>   
<form enctype="multipart/form-data">   
      <a href="javascript:void(addFile());" class="file">新增附件</a>   
      <div id="fileDiv"></div>   
</form>