js代码如下:
<script type="text/javascript">
function addMore()
{
var td = document.getElementById("more");
var br = document.createElement("br");
var input = null;
if("/v"=="v"){// IE浏览器 构建方式
input = document.createElement("<input name='myfile'>");
}else{ //非IE浏览器 构建方式
input = document.createElement("input");
input.name = "myfile";
}
var button = document.createElement("input");
input.type = "file";
input.size ="10";
input.setAttribute("class","input_1");
input.setAttribute("className","input_1");
button.type = "button";
button.value = "删除";
button.setAttribute("class","input_1");
button.setAttribute("className","input_1");
button.size ="10";
button.onclick = function()
{
td.removeChild(br);
td.removeChild(input);
td.removeChild(button);
}
td.appendChild(br);
td.appendChild(input);
td.appendChild(button);
}
function del(id,resfileId){
if(!confirm('确认要删除吗?'))return;
attFileService.deleteatt(resfileId,backlog);
var tr = document.getElementById(id);
tr.parentNode.removeChild(tr);
}
</script>
如下为页面代码:
<tr>
<td class="td_label">上传文件 </td>
<td colspan="2" class="td_input">
<table id="fileId">
#foreach($resfile in $listatt)
#set($n = $velocityCount)
<tr id="$n">
<td class="td_label"><div style="width:50px">附件</div>
</td>
<td class="td_text" >
$resfile.filename
<input type="button" class="input_1" value="删除" οnclick="del('$n','$resfile.id')"/>
</td>
</tr>
#end
<tr id="fileId_0">
<td class="td_label">
<div>附件</div>
</td>
<td id="more">
<input type="file" name="myfile" id="myfile" class="input_1" size="10"/>
</td>
</tr>
</table>
</td>
<td class="td_text" valign="bottom">
<input type="button" id="add" name="add" value="添加" class="input_1" οnclick="addMore()"/>
<font color="red">上传文件不能超过30M</font>
</td>
</tr>