我做的是一个增加附件 和 移除附件 的功能 设定了最多不得超过十个附件
可是移除附件的时候 比如 增加了十个上传框 移除掉一个 如果不刷新 在点击增加附件 最多的那个限制一直在 而显示的上传框是九个
代码找了好多 都是移除附件的时候 无法与以前的数值同步
<html>
<head>
<title>Test</title>
<script type="text/javascript">
<!--
var sequence = 0;
function addAttachment() {
var index = sequence++;
var area = document.getElementById("attach_area");
if(index>=10)
{
alert("最多上传10个图片");
return false;
}
area.innerHTML +=
"<div id=\"attach_" + index + "\">" +
"<input id=\"attach_file\" type=\"file\" />" + //所有的上传文件作成一个控件数组没问题吧
"<input type=\"button\" value=\"删除\" onclick=\"removeFile(parentNode)\">" +
"</div>";
}
function removeFile(obj) {
obj.removeNode(true);
}
function removeAttachment(index) {
var attachment = document.getElementById("attach_" + index);
if (attachment == null) {
return;
}
attachment.innerHTML = "";
attachment.outerHTML = "";
}
function removeAll() {
if (sequence != 0 && !confirm("您确定吗？")) {
return;
}
for (var i = sequence; i-- > 0; removeAttachment(i));
sequence = 0;
}
//-->
</script>
</head>
<body>
<form action="">
<input type="button" value="追加" onclick="addAttachment()"/>
<input type="button" value="全删除" onclick="removeAll()"/>
<div id="attach_area">
</div>
</form>
</body>
</html>
-----------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<form name="postform" method="post" action="" enctype="multipart/form-data">
<a id="compose_att_a" onclick="addfile()" href="#增加附件" class="add_attach">增加附件</a>
本系统最多上传10张图片，且要控制大小。
<div id="myfile"></div>
</form>
<script language=javascript>
var Pici=0;
function addfile()
{
Pici++;
if(Pici>=10)
{
alert("最多上传10个图片");
return false;
}
var str='<span id="commImage' + Pici +'"><br /><input name="userfile[]" type="file" />';
str+=' <a href="javascript:delfile(\'' + Pici + '\')" class="delete_attach">移除附件</a></span>';
document.getElementById('myfile').innerHTML +=str
}
function delfile(id)
{
document.getElementById('commImage' +id + '').innerHTML = '';
}
</script>
</body>
</html>
