添加附件示例

一、动态加上传按钮

<script language="javascript">
function addFile(){
 var fileDiv = document.all['fileDiv'];
 var strHtml = '<input type="file">&nbsp;&nbsp;<button onclick="removeFile(parentNode);">删除</button><br>';
 var div=document.createElement("div")
 div.innerHTML = strHtml;
 fileDiv.appendChild(div);
}

function removeFile(obj){
 obj.removeNode(true);
}
</script>
<form enctype="multipart/form-data">
<div id="fileDiv"></div>
<a href="javascript:void(addFile());" style="font:12px;color:black;">添加附件</a>
</form>

二、弹出选择

<div id="files">
<div>
<input type=button onclick="add();" value=添加附件>

<script>
var html="<input name=title size=39 type=file> <input type=button value='删除' onclick=/"remove(this)/">";
function add()
{
 var o=document.all["files"];
 var div=document.createElement("div");
 div.innerHTML=html;
 o.appendChild(div);
 div.childNodes[0].click();
}
function remove(obj)
{
 obj.parentElement.parentElement.removeChild(obj.parentElement);
}
</script>

三、只是弹出框

<script type="text/javascript">
function d_file(){
 document.getElementById("myfile").click();
}

</script>
<input style="display:none" type="file" id="myfile">
<input type="button" onclick="d_file()" value="选择文件">