28,409
社区成员
发帖
与我相关
我的任务
分享移除附件时 在点增加附件 原来的最多上传个数限制没变化 怎么解决呢
我做的是一个增加附件 和 移除附件 的功能 设定了最多不得超过十个附件
可是移除附件的时候 比如 增加了十个上传框 移除掉一个 如果不刷新 在点击增加附件 最多的那个限制一直在 而显示的上传框是九个
代码找了好多 都是移除附件的时候 无法与以前的数值同步
<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>
可是移除附件的时候 比如 增加了十个上传框 移除掉一个 如果不刷新 在点击增加附件 最多的那个限制一直在 而显示的上传框是九个
代码找了好多 都是移除附件的时候 无法与以前的数值同步
<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>
...全文
请发表友善的回复…
发表回复
沧海小鱼 2008-01-23
- 打赏
- 举报
找了个 与大家共享
<script language="javascript" >
var i=1;
var imagemax=5; //imagemax的大小是设置添加的数量
function addFile()
{
if(i<imagemax)
{
i++;
currRow=conditionTable.insertRow();
cellc=currRow.insertCell();
cellcContext= '<input type="file" NAME="File+"+i> <button onclick="removeFile();" class="botheight">移除附件</button><br>';
cellc.innerHTML=cellcContext;
}
}
function findTD(o)
{
if (o.nodeName=="TR"||o.nodeName=="TABLE") return;
if(o.nodeName=="TD")
return (o);
else
return (o.parentElement);
}
function removeFile()
{
o = findTD(event.srcElement);
//alert("确定删除,上传了" + o.parentElement.rowIndex*1 + "张图片");
conditionTable.deleteRow(o.parentElement.rowIndex*1);
i--;
}
function addimage()
{
document.write("<div id='fileDiv'><table id=conditionTable border=0><tr><td><input type='file' NAME='File1'> <button onclick='removeFile();' class='botheight'>移除附件</button><br</td></tr></table></div>");
if(i==0){
document.write("<a href='javascript:void(addFile());' class='file'>添加图片</a> 您最多可上传"+imagemax+"张图片");
}else{
document.write("<a href='javascript:void(addFile());' class='file'>继续添加图片</a> 您最多可上传"+imagemax+"张图片");
}
}
</script>
<script>
<!--
addimage();
-->
</script>
