首頁 > web前端 > js教程 > JavaScript設定表單上傳時檔案個數的方法_javascript技巧

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

WBOY
發布: 2016-05-16 15:45:51
原創
1364 人瀏覽過

本文實例講述了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程式設計有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板