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

转载 2006年05月20日 19:51:00
在页面的客户端,实现一次上传多个文件总是非常麻烦,那个讨厌的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>

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

在页面的客户端,实现一次上传多个文件总是非常麻烦,那个讨厌的file按钮总是改不了,这也许是个比较好的办法,给大家参考。删除 删除 删除  function AddFiletoSelect(aoFi...
  • chenzengxi
  • chenzengxi
  • 2002年09月12日 09:20
  • 617

Servlet3文件单个和多个文件上传

Servlet3文件单个和多个文件上传 Servlet3.0提供了对文件上传的支持,通过@MultipartConfig 标注和HttpServletRequest的两个新方法getPart()...
  • zx6571269
  • zx6571269
  • 2018年01月13日 16:58
  • 55

jsp+servlet实现多个文件的上传

jsp代码 My JSP 'Uplode.jsp' starting page
  • u011936142
  • u011936142
  • 2013年12月26日 17:26
  • 2389

多文件上传(一个FileUpload 实现上传多个文件)

          写一个表示文件的类(CustomFile)来保存上传文件的相关信息。 类定义,FileBytes是二进制文件的数据类型byte[],FileContentType文件MIME类型,...
  • liuhuan2099
  • liuhuan2099
  • 2007年09月21日 16:01
  • 9373

使用html+ajax+formdata+SpringMVC实现单个文件,和多个文件上传功能

html代码确认附件 js代码 单个文件上传 function uploadFileMethodSingleFile() { var FileControll...
  • LegendaryHe
  • LegendaryHe
  • 2017年07月02日 17:45
  • 2215

commons—fileUpload实现多个文件的上传

一、导入两个commons得到jar包。 二、对于表单: ①. method必须为post ②. enctype必须为multipart/form-data 三、编写servlet: ①. 获取S...
  • wzx735481897
  • wzx735481897
  • 2017年04月15日 14:15
  • 206

JQuery实现多文件上传

由于考试系统的需求, 需要将听力文件或是图片上传到服务器中的数据库中,而文件又是很多.若是一个一个的上传,是很费事的.为了避免时间和精力的浪费,人性化.实现了多文件上传. Uploadify是JQue...
  • han_yankun2009
  • han_yankun2009
  • 2013年12月03日 19:44
  • 20581

JAVA学习提高之---- FileUpload组件实现多文件上传(JSP+SERVLET)实现

引用:http://luoke920.javaeye.com/blog/271257相关文章也可以看一下:http://www.jspcn.net/htmlnews/2005011.htmlhttp:...
  • luweifeng1983
  • luweifeng1983
  • 2008年12月26日 13:33
  • 28253

PHP实现单文件上传、多个单文件上传、多文件上传的过程化封装

上回提到 PHP的单个文件上传、多个单文件上传、多文件上传 这里给出 三种方式的统一实现 下面先给出各种方式的文件提交页面: 单个文件上传 upload1.php 单文...
  • qq_15096707
  • qq_15096707
  • 2016年04月08日 23:30
  • 2004

1次ajax请求(XMLHttpRequest)上传多个文件,支持进度条

封装了一个ajax多文件上传,功能就是选择多个文件,用ajax上传。 调用方式也很简单,写一个json对象做为参数配置,设置要上传的服务端url以及选择文件和上传完成等的事件处理函数,new一个Aj...
  • cuixiping
  • cuixiping
  • 2012年08月27日 10:52
  • 8813
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:实现上传(增删)多个文件的客户端写法。
举报原因:
原因补充:

(最多只允许输入30个字)