<script type="text/javascript">
/**
* 生成多附件上传框
*/
function createInput(){
var str = '<div name="div" ><font style="font-size:12px;">附件</font>'+
' '+ '<input type="file" contentEditable="false"' +
'" name="uploads" value="" style="width: 220px" /><input type="button" value="删除" οnclick=" removeInput(event)" />'+'</div>';
document.getElementById('more').insertAdjacentHTML("beforeEnd",str);
}
/**
* 删除多附件删除框
*/
function removeInput(evt){
var el = evt.target == null ? evt.srcElement : evt.target;
var div = el.parentNode;
var cont = document.getElementById('more');
if(cont.removeChild(div) == null){
return false;
}
return true;
}
</script>
*****************************************************
<body>
<table width="276" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<input type="button" value="添加附件" οnclick="createInput();" />
</td>
</tr>
<tr>
<td>
<div id="more"></div>
</td>
</tr>
</table>
action中的属性为:
private List<File> uploads;
private List<String> uploadsContentType;
private List<String> uploadsFileName;
</body>