IE6,IE7不能用,火狐减少不能用,求高手帮忙。随便求一同样功能更好用的代码,搞定马上结贴!<li id="MyFile"><INPUT onClick="addFile()" type="button" value="增加图片"><INPUT onClick="delFile()" type="button" value="减少图片"><br />
详细图:<input type="file" name="File" runat="server" style="width: 260px;"/></li>
var i=1;
function addFile()
{
if(i<5)
{
var str = '<font id="tempobj'+i+'"><BR>详细图:<input type="file" name="File" runat="server" style="width: 260px"/></font>'
document.getElementById('MyFile').insertAdjacentHTML("beforeEnd",str);
i++;
}
else
{
alert("您一次最多只能上传6张图片!")
}
}function delFile()
{
if((i-1)>=0)
{
MyFile.removeChild(eval('tempobj'+(i-1)));
i--;
}
else
{
alert("必须保留一张!")
}
}
JavaScript
详细图:<input type="file" name="File" runat="server" style="width: 260px;"/></li>
var i=1;
function addFile()
{
if(i<5)
{
var str = '<font id="tempobj'+i+'"><BR>详细图:<input type="file" name="File" runat="server" style="width: 260px"/></font>'
document.getElementById('MyFile').insertAdjacentHTML("beforeEnd",str);
i++;
}
else
{
alert("您一次最多只能上传6张图片!")
}
}function delFile()
{
if((i-1)>=0)
{
MyFile.removeChild(eval('tempobj'+(i-1)));
i--;
}
else
{
alert("必须保留一张!")
}
}
JavaScript
解决方案 »
- flexigrid 接受json数据时的问题
- 求正则啊。。
- 菜鸟问题,快来拿分啊!
- js 变量定义问题, 很搞人, 郁闷
- 求助:网页访问量统计
- windows XP IE6下,多个setTimeout时的奇怪问题
- ActiveXObject("MSComDlg.CommonDialog")出错
- 怎么在js中弹出一个象windows登录时那样的对话框(如输入用户名和密码)?
- 急~~急~~急~~急~~急~!!!!!!
- 如何实现规定时间内自动关闭窗口并且没有提示?
- 利用百度地图API开发地图软件,在循环标示数组的时候,进入click监听器,每次输出循环遍历的i值的都是数组的长度,如何解决???
- 三级联动 大神来帮忙!!
var count = 1;
var delindexs="";
$(function() {
$("#btnAdd").click(function() {
if ($("#DivUploads").find(":button").length >= 7) {
alert('最多只能添加八个上传组件!');
return false;
}
var strHtml = "<div id='div"+count+"'>";
strHtml += "<div id='divType" + count + "'>上传类型:<input type='radio' name='filetype" + count + "' id='filetype' value='1' onclick='filetypechange(" + count + ")' checked='checked'>文件<input type='radio' name='filetype" + count + "' id='filetype' value='2' onclick='filetypechange(" + count + ")'>链接</div>";
strHtml += "<div id='divURL"+count+"' style='display:none;'>地址:<input type='text' name='urlAddress"+count+"' id='urlAddress"+count+"' value='http://' /></div>";
strHtml += "<div id='divFile"+count+"'>文件:<input type='file' name='fileUpload"+count+"' id='fileupload"+count+"'/></div>" ; strHtml += "<div id='divName" + count + "'>名称:<input type='text' name='filename" + count + "' id='filename" + count + "' /></div>";
strHtml += "<div id='divInFileLib" + count + "' style='display:none;'><input type='checkbox' name='saveInFileLib" + count + "' id='saveInFileLib" + count + "' />同时保存到文件库</div><br/> ";
strHtml += "<input type='button' onclick='delUploadBtn(" + count + ")' value='删除此附件'/></div>";
$("#DivUploads").append(strHtml);
count++;
});
});
function delUploadBtn(index) {
$("#DivUploads").find(":button").each(function()
{
var text = "" + $(this).attr("onclick");
if (text.indexOf("delUploadBtn(" + index +")") != -1)
{
$(this).parent().remove();
}
});
} </script>
<!-- 上传文件容器开启-->
<div id="upload">
<div class="title_name">上传文件或链接</div>
<div class="upload_detail">
<div id="fileMain">
<div id='div0'>
<div id='divType0'>上传类型:<input name='filetype0' type='radio' id="filetype0" onclick='filetypechange(0)' value='1' checked="checked"/>
文件<input type='radio' name='filetype0' id="filetype0" value='2' onclick='filetypechange(0)'/>链接</div>
<div id='divURL0' style="display:none;">地址:<input type='text' name='urlAddress0' id='urlAddress0' value="http://" /></div>
<div id='divFile0'>文件:<input type='file' name='fileUpload0' id='fileUpload0'/></div>
<div id='divName0'>名称:<input type='text' name='filename0' id='filename0' /></div>
<div id='divInFileLib0' style="display:none;"> <input type='checkbox' name='saveInFileLib0' id="saveInFileLib0" />同时保存到文件库</div>
<br/>
</div>
<div id="DivUploads" style="border:opx solid;width:300px;height:auto;"></div>
</div>
<p><a class="link_title" href="javascript:void(0)" id="btnAdd">添加另一个文件或链接</a></p>
</div>
</div>
<!-- 上传文件容器关闭-->
不过解决方法很简单,首先你要找到什么地方出问题了,
虽然我没有ie6,ie7,也没有测试,但是大概判断出:insertAdjacentHTML
这个方法应该是不兼容的,所以换一种方案,立刻解决:function addFile() {
if (i < 5) {
//先创建font
var font1 = document.createElement("font");
font1.id = "tempobj" + i;
font1.innerHTML = "<BR>详细图:";
//再创建font内部的input
var input1 = document.createElement("input");
input1.type = "file";
input1.name = "File";
input1.runat = "server";
input1.style = "width: 260px";
//把input加入font中
font1.appendChild(input1);
//把font加入li中
document.getElementById('MyFile').appendChild(font1);
i++;
}
else {
alert("您一次最多只能上传6张图片!")
}
}
后面加 “;” 试试,ie6 7 的容错能力比较差如果还不行 换成jquery
var str = '<font id="tempobj'+i+'"><BR>详细图:<input type="file" name="File" runat="server" style="width: 260px"/></font>';
document.getElementById('MyFile').insertAdjacentHTML("beforeEnd",str);
i++;
var str = '<font id="tempobj'+i+'"><BR>详细图:<input type="file" name="File" runat="server" style="width: 260px"/></font>';
$("#MyFile").before(str);
i++;