JavaScript設定表單上傳時檔案個數的方法_javascript技巧

本文實例講述了JavaScript設定表單上傳時檔案個數的方法。分享給大家供大家參考。具體如下：

這是一個比較實用的功能，用JavaScript來設定表單上傳檔案時，根據需要產生上傳表單，要幾個產生幾個，在網易信箱、新浪信箱的新增附件功能裡都有這種功能，不過這款沒有刪除表單的功能，如果輸入的多了，只好重新來過

運作效果如下圖：

具體程式碼如下：

<title>JavaScript设置表单上传时的文件个数</title>
<input type="button" name="button" value="添加附件" onclick="addInput()">
<input type="button" name="button" value="删除附件" onclick="deleteInput()">
<span id="upload"></span>
<script type="text/javascript">
 var attachname = "attach";
 var i=1;
  function addInput(){
  if(i>0){
   var attach = attachname + i ;
   if(createInput(attach))
    i=i+1;
  }
  } 
  function deleteInput(){
   if(i>1){
   i=i-1;
   if(!removeInput())
    i=i+1;
   }
  } 
  function createInput(nm){ 
  var aElement=document.createElement("input"); 
  aElement.name=nm;
  aElement.id=nm;
  aElement.type="file";
  aElement.size="50";
  //aElement.value="thanks"; 
  //aElement.onclick=Function("asdf()"); 
   if(document.getElementById("upload").appendChild(aElement) == null)
    return false;
   return true;
  } 
  function removeInput(nm){
   var aElement = document.getElementById("upload");
   if(aElement.removeChild(aElement.lastChild) == null)
   return false;
   return true; 
  } 
</script>

希望本文所述對大家的javascript程式設計有所幫助。