实现上传(增删)多个文件的客户端写法。

王朝html/css/js·作者佚名  2006-01-08
宽屏版  字体: |||超大  

在页面的客户端,实现一次上传多个文件总是非常麻烦,那个讨厌的file按钮总是改不了,这也许是个比较好的办法,给大家参考。删除

删除

<form name="form" method="post" enctype="multipart/form-data" target="editpost" ID="Form1">

<select class="TBGen" name="SelectFile" style="width:200"></select>

<button onclick="DelFiletoSelect()">删除</button>

<span id="AffixFile">

<span><input style="width:10" name="affixs" type="file" onpropertychange="AddFiletoSelect(this)"></span>

</span>

</form>

<SCRIPT LANGUAGE="JavaScript">

function AddFiletoSelect(aoFile){

if ((aoFile==null)||(aoFile.value=="")) return;

var loOpts = form.SelectFile.options;

loOpts[loOpts.length] = new Option(aoFile.value,aoFile.uniqueID);

aoFile.parentElement.style.display = "none";

var loObj = document.createElement("span");

loObj.innerHTML = '<input style="width:10" name="affixs" type="file" onpropertychange="AddFiletoSelect(this)">';

AffixFile.insertBefore(loObj);

}

function DelFiletoSelect(){

loEL = document.all(form.SelectFile.value);

if (loEL!=null){

loEL = loEL.parentElement;

AffixFile.removeChild(loEL);

}

var loOpts = form.SelectFile.options;

if(loOpts!=null&&loOpts.length>0){

loSel = loOpts[form.SelectFile.selectedIndex]

loOpts.removeChild(loSel);

}

}

</SCRIPT>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
© 2005- 王朝网络 版权所有