多文件上传

标签： 文件 上传 | 发表时间：2013-05-17 15:56 | 作者：雷头布莱克
出处：http://www.blogjava.net/


多文件上传 jquery的插件
使用的方法  导入 jquery.js 及 jquery.MultiFile.js ，
方式一： 后台是文件数组  
 private File[] upload; // 与jsp表单中的名称对应
 private String[] uploadFileName;
 private String[] uploadContentType;
在 form 中加入 <input type="file" name="upload[]" class="multi" /> 即可。

方式二：后台是List<File>
 private List<File> upload; // 与jsp表单中的名称对应
 private List<String> uploadFileName;
 private List<String> uploadContentType;

jquery.MultiFile.js  将选中的文件列在From中，名字为upload的<input>，所以要用 name="upload[]"（方法一）或者 name="upload" （方法二） 来接收；
而 class="multi" 是 jQuery 用来作的文件类型，HTML 部份代码如下：

<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<title>Untitled Document</title>
<script src="/multiple-file-upload/jquery.js" type="text/javascript" language="javascript"></script>
<script src="/multiple-file-upload/jquery.MultiFile.js" type="text/javascript" language="javascript"></script>

</head>
<body>

<form enctype="multipart/form-data" action="<?php $_SERVER['PHP_SELF'] ?>" method="POST">
<input type="file" name="upload[]" class="multi" maxlength="2"/>
//<input type="file" name=" upload" class="multi" />

<input type="submit" value="Upload File" />
</form>

</body>

参数说明：

参数 说明 说明
class="multi" maxlength="2" Limit: 2 files.
Allowed extensions: any.		 限制数量2
class="multi" accept="gif|jpg" Limit: no limit.
Allowed extensions: gif and jpg.		 格式只能 gif  jpg
class="multi" accept="gif|jpg" maxlength="3" Limit: 3 files
Allowed extensions: gif, jpg.		 限制数量3，格式只能 gif  jpg


主页: http://www.fyneworks.com/jquery/multiple-file-upload/

下载: http://www.fyneworks.com/jquery/multiple-file-upload/#tab-Download

示例: http://www.fyneworks.com/jquery/multiple-file-upload/#tab-Examples



雷头布莱克 2013-05-17 15:56 发表评论

相关 [文件 上传] 推荐：

多文件上传

- - BlogJava-首页技术区
多文件上传 jquery的插件. 使用的方法  导入 jquery.js 及 jquery.MultiFile.js ，. 方式一： 后台是文件数组  .  private File[] upload; // 与jsp表单中的名称对应. 在 form 中加入 即可.

异步上传文件

- - Web前端 - ITeye博客
通过iframe来实现无刷新的的文件上传，其实是有刷新的，只是在iframe里面隐藏了而已. form里面的target要与iframe里面的id的值相等，指示是form相应了post事件，也就是post时间相应的时候刷新的是iframe而不是整个页面. 用户名:
上传头像:

dubbo处理文件上传

- - 开源软件 - ITeye博客
dubbo和hessian的maven依赖：. 服务提供者（项目名称：provider）. 首先是web.xml配置（使用spring）：. 最重要的applicationContext.xml ：. 参考： dubbo hessian协议. .

springmvc文件上传下载

- - ITeye博客
在网上搜索的代码 参考整理了一份. commons-fileupload.jar与commons-io-1.4.jar二个文件. 1、表单属性为: enctype="multipart/form-data". 2、springmvc配置.

HTML5之拖拽上传文件及chrome下文件夹上传

- - ITeye博客
最近被安排做一个拖拽上传和文件夹上传的功能，不考虑兼容性，哈哈这个可以用HTML5实现. 这里就不仔细学习HTML5，我只是想找例子，然后偷过来用，至于原理边用边学. 首先这里有一个很好的实例实现拖拽上传： http://blogs.sitepointstatic.com/examples/tech/filedrag/1/index.html.

nodejs-post文件上传原理详解

- never-online - CNode社区
浅谈HTTP中Get与Post的区别. 其中请求报文中的开始行和首部行包含了常见的各种信息，比如http协议版本，方法（GET/POST），accept-language，cookie等等. 而’实体主体’一般在post中使用，比如我们用表单上传文件，文件数据就是在这个’实体主体’当中. 写这篇教程的起因是因为在学习nodejs的过程中，想要自己实现一些文件上传的功能，于是不得不去研究POST.

文件上传的渐进式增强

- - 阮一峰的网络日志
文件上传是最古老的互联网操作之一. 20多年了，它几乎没变，还是原来的样子：操作麻烦、缺乏交互、用户体验不佳. 在这个新技术日新月异的时代，显得非常落伍. 网页开发者们想了很多办法，试图提升文件上传的功能和操作体验，在各种Javascript库的基础上，开发了五花八门的 插件. 可是，由于不同浏览器之间的差异，缺乏统一接口，这些插件要么用起来很麻烦，要么不能普遍适用.

WebUploader 文件上传优化总结

- - FEX 百度 Web 前端研发部
前段时间在 w3ctech技术交流会中分享了 基于 HTML5 技术的文件上传组件，由于ppt携带的信息非常有限，故在此整理成文章分享出来，供感兴趣的同学阅读. 对于文件上传，相信还有不少同学还停留在FLASH时代，其实现在 HTML5 不仅可以实现文件上传，而且可以做得更好. 以下是对 HTML5 与 FLASH 就文件上传方面的功能调研测试得出的结果.

html中input上传多个文件

- - CSDN博客Web前端推荐文章
如何使用html上传多个文件呢. 我搜索中文怎么也找不到合适的，都是用js动态添加input，然后提交，不能满足我想要的——打开选择文件的窗口后可以一次性选择多个文件. 不过有一个问题，只支持IE10+，连IE9都不支持，o(︶︿︶)o . 其实方法很简单这样只能选择一个文件，这样就可以选择多个文件了，怎么样，很方便吧.

Springmvc+uploadify实现文件上传

- - ITeye博客
          Springmvc+uploadify实现文件上传.    网上看了很多关于文件上传的帖子，众口不一，感觉有点乱，最近正好公司的项目里用到JQuery的uploadify控件做文件上传，所以整理下头绪，搞篇文档出来，供亲们分享.    Uploadify控件的主要优势是可以实现批量文件上传，并且提供了onSelect（选中文件）、onUploadSuccess（上传成功回调函数）等多个事件监听函数，可以操控上传的整个流程.