日期:2014-05-16  浏览次数:20397 次

【JS常用代码】动态添加附件效果

1.普通形式的

var?filenum=2;

var?strfile="";

????function?addfile()

{

if(filenum<=5)

{

strfile="<p?id='file"+filenum+"'><span><input?type='file'?name='myfile'/></span>?<span><a?href='#'?onclick='delfile("+filenum+")'>删除</a></span></p>";

$("#filediv").append(strfile);

}

else

{

alert("最多支持上传5个插件");

return?false;

}

?

filenum++;

}

?

function?delfile(fileid)

{

//var?n?=?File1.getElementsByTagName("div");

$("#file"+fileid).remove();

filenum--;

?

}
2.Gmail形式的

?var?html="<input?name=title?type=file>?<a?href='javascript:;'?onclick=\"remove(this)\">删除</a>";

????function?add()

????{

????var?o=document.all["files"];

????var?div=document.createElement("div");

????div.innerHTML=html;

????o.appendChild(div);

????div.childNodes[0].click();

????}

????function?remove(obj)

????{

????obj.parentElement.parentElement.removeChild(obj.parentElement);

????}

?

?

?