前端代码
$(document).ready(function() {
$("#uploadify").uploadify({
'swf' : '<%=path%>/resources/uploadify/uploadify.swf',
'uploader' : '<%=path%>/bulkAssetFile;jsessionid=${pageContext.session.id}',//后台处理的请求
'queueID' : 'fileQueue',//与下面的id对应
'queueSizeLimit' : 20,//限制上传文件的数量
'simUploadLimit' : 20,//同时运行上传的进程数量
'method' : 'post',//默认是’post’,也可以设置为’get’
'fileTypeDesc' : '图片文件',
'fileTypeExts' : '*.jpg;*.gif;bmp;', //控制可上传文件的扩展名,启用本项时需同时声明fileDesc
'multi' : true,
'auto' : false,
'buttonText' : '添加图片'
});
});
<body>
<table>
<tr>
<td><input type="file" name="uploadify" id="uploadify" />
<td>
<td> <a href="javascript:$('#uploadify').uploadify('upload','*')">开始上传</a>
如果不添加*,每次点上传只上传一个文件
<a href="javascript:cancelUpload();">取消上传</a>
<td
</tr>
</table>
<div id="fileQueue"></div>
</body>
后台代码
@RequestMapping(value = "/bulkAssetFile")
public String bulkAssetFile(HttpServletRequest request, HttpServletResponse response) throws IOException, FileUploadException {
// 设置接收的编码格式
request.setCharacterEncoding("UTF-8");
MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
Map<String, MultipartFile> fileMap = multipartRequest.getFileMap();
UploadFile uploadFile = null;
MultipartFile mulfile = null;
String fileName = "";
User user = this.getCurrentUser(request);
for (Map.Entry<String, MultipartFile> entry : fileMap.entrySet()) {
mulfile = entry.getValue();
fileName = mulfile.getOriginalFilename();
/****业务代码***/
}
return null;
}
分享到:
相关推荐
综上所述,Java结合Uploadify3.1实现批量上传文件涉及前端与后端的交互,包括Servlet的文件接收处理、Uploadify的配置以及安全性考量。通过合理的配置和编程,我们可以创建一个高效且安全的文件批量上传系统。
由于Uploadify采用多部分/表单数据格式,所以使用Spring MVC或Struts2等框架时,需配置对应的MultipartResolver来解析文件。在控制器方法中,可以使用`@RequestParam("file") MultipartFile file`接收上传的文件,...
首先,Uploadify是一款流行的jQuery插件,它允许用户通过拖放或选择文件按钮进行文件上传,同时支持多文件选择,从而实现批量上传。这个插件提供了丰富的自定义选项,如上传进度条、预览图片、错误提示等,极大地...
Uploadify是一款广泛应用于Web开发中的JavaScript插件,它允许用户通过直观的界面批量选择和上传文件。这个插件尤其适用于需要处理大量用户上传文件的Web应用程序,如社交媒体平台、在线存储服务或者内容管理系统。...
`Uploadify`是一个基于jQuery的文件上传组件,它提供了异步、批量上传的能力,用户体验良好。 首先,我们需要了解`uploadify`的基本使用。在HTML部分,我们需要在页面上创建一个`input[type="file"]`元素,并为其...
1. **批量上传**:Uploadify 支持一次性选择多个文件进行上传,减少了用户的操作次数,提高了上传效率。 2. **进度条显示**:在文件上传过程中,Uploadify 提供了实时的进度条展示,用户可以清晰地看到每个文件的...
【源码】mysql版本_spring3.0 系统模块 1....服务器内部GET POST 请求 25.uploadify 上传插件,单条、批量上传,带进度条,异步,图片、视频, 其它文件格式均可上传 26.地图选点获取经纬度坐标,根据俩经纬度计算距离
Uploadify是一款基于JavaScript和Flash的文件上传插件,它允许用户通过直观的界面批量上传文件,同时提供了自定义样式和事件处理的能力。在本项目中,开发者已经实现了这个功能,并且有上传成功的截图证明,还提供了...
在IT行业中,前端开发经常会遇到文件上传的需求,而"jquery-java-ajax-uploadify上传文件"是一个经典的方法,结合了JavaScript库jQuery、Ajax技术以及Uploadify插件来实现这一功能。在这个过程中,我们将深入探讨...
Uploadify不仅上传文件,还会传递一些关于上传文件的信息,如文件名、类型、大小等。在Java后端,你需要解析这些信息,用于验证、命名、存储或进一步处理文件。 5. **错误处理与反馈**: 当上传过程中发生错误时...
Java文件异步上传是一种在Web应用中常见的技术,它允许用户在不阻塞浏览器界面的情况下上传文件。这种技术尤其在处理大文件或者批量上传时,能够显著提升用户体验,因为它们不会冻结页面,允许用户继续与应用程序...
【源码】oracle版本_spring3.0 系统模块 1....服务器内部GET POST 请求 25.uploadify 上传插件,单条、批量上传,带进度条,异步,图片、视频, 其它文件格式均可上传 26.地图选点获取经纬度坐标,根据俩经纬度计算距离