AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

JavaScript设置表单上传时文件个数的方法

51自学网 http://www.wanshiok.com
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程序设计有所帮助。


JavaScript,设置,表单上传,文件个数  
上一篇:localResizeIMG先压缩后使用ajax无刷新上传(移动端)  下一篇:js限制文本框只能输入中文的方法