WEB开发网
开发学院网页设计JavaScript 实现上传(增删)多个文件的客户端写法。 阅读

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

 2007-11-27 17:44:53 来源:WEB开发网   
核心提示:在页面的客户端,实现一次上传多个文件总是非常麻烦,实现上传(增删)多个文件的客户端写法。,那个讨厌的file按钮总是改不了,这也许是个比较好的办法
在页面的客户端,实现一次上传多个文件总是非常麻烦,那个讨厌的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>

Tags:实现 上传 增删

编辑录入:coldstar [复制链接] [打 印]
赞助商链接