js实现的动态多文件上传 (来自http://cms.bmw.net.cn)

转载于 2007-06-12 20:01:00 发布 · 107 阅读

文章标签：

本文介绍了一个简单的HTML与JavaScript实现的文件上传功能。通过点击“添加附件”和“删除附件”按钮，用户可以动态地增加或移除文件输入框。该功能适用于需要用户上传多个文件的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html

<input type="button" name="button" value="添加附件" onclick="addInput()">
<input type="button" name="button" value="删除附件" onclick="deleteInput()">
<span id="upload"></span>

js

<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>