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程序设计有所帮助。