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

本文介绍了一种实用的JavaScript技巧，即通过JavaScript动态设置表单上传文件的数量。这个功能在许多网站，如网易和新浪的附件添加功能中都有应用。这种功能的实现非常简单，但却十分实用。

这个功能的核心在于使用JavaScript创建和删除表单元素。当用户点击“添加附件”按钮时，会触发addInput()函数，该函数会创建一个新的文件上传输入元素，并添加到页面上。当用户点击“删除附件”按钮时，则会触发deleteInput()函数，该函数会删除最后一个上传输入元素。

具体的实现方式是通过HTML的input元素和JavaScript的DOM操作完成的。我们在HTML中创建了两个按钮，一个用于添加上传按钮，一个用于删除上传按钮。然后，我们使用JavaScript来创建和删除input元素，这些元素的类型为file，用于文件上传。

这个功能的运行效果非常直观。用户可以根据自己的需求动态增加或减少上传表单的数量。这种动态生成表单的方式，不仅方便了用户，也提高了网页的交互性。

具体的代码实现如下：

HTML部分：

```html

```

JavaScript部分：

```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";

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;

}

```

以上就是使用JavaScript动态设置表单上传文件数的实现方法。这种方法简单易用，能够大大提高网页的交互性，希望本文能对大家的JavaScript编程有所帮助。