首页 > 编程 > JavaScript > 正文

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

2019-11-20 11:51:35
字体:
来源:转载
供稿:网友

本文实例讲述了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程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表