一、到http://www.uploadify.com/下载最新版,我的是jquery.uploadify-v1.6.2 (MIT)
二、下载包解压放在对应位置
三、HttpServlet,如下:
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
ServletContext servletContext = this.getServletConfig().getServletContext();
ApplicationContext appContext = WebApplicationContextUtils.getWebApplicationContext(servletContext);
UploadFileDao dao = (UploadFileDao) appContext.getBean("uploadFileDao");
String savePath = this.getServletConfig().getServletContext()
.getRealPath("/")
+ UPLOAD_FOLDER;
DiskFileItemFactory fac = new DiskFileItemFactory();
ServletFileUpload upload = new ServletFileUpload(fac);
List fileList = null;
try {
fileList = upload.parseRequest(req);
} catch (FileUploadException ex) {
ex.printStackTrace();
return;
}
Iterator<FileItem> it = fileList.iterator();
StringBuilder sb = new StringBuilder();
while(it.hasNext()){
FileItem item = it.next();
if(!item.isFormField()){
String name = item.getName();
long size = item.getSize();
String type = item.getContentType();
if(StringUtils.isBlank(name))
continue;
File saveFile = new File(savePath+name);
try {
item.write(saveFile);
String format = "yyyy/MM/dd hh:mm:ss";
UploadFile uploadFile = new UploadFile();
uploadFile.setCreateTime(DateUtil.getCurDateString(format));
uploadFile.setName(UUID.randomUUID().toString());
uploadFile.setOrgName(name);
uploadFile.setType(type);
uploadFile.setSize(size);
dao.save(uploadFile);
if(StringUtils.isBlank(sb.toString()))
sb.append(uploadFile.getId());
else
sb.append(";"+uploadFile.getId());
} catch (Exception e) {
e.printStackTrace();
}
}
}
resp.getWriter().print(sb.toString());
}
四、对应调用页面,jsp:
引入必要的css和javascript
头部:
//upload file
$("#fileUpload").fileUpload({
'uploader': '${ctx}/js/uploadify/uploader.swf',
'cancelImg': '${ctx}/js/uploadify/cancel.png',
'script': '${ctx}/file/upload',
'folder': 'upload',
'multi': true,
'buttonText': 'Select Files',
'displayData': 'speed',
onComplete: function(event,queueID,fileObj,response,data) {
var fm = document.forms[0];
var fileInputs = document.getElementsByName("logos");
for(var i=0;i<fileInputs.length;i++){
fm.removeChild(fileInputs[i]);
}
//生成隐藏字段
var fileInput = document.createElement("input");
fileInput.setAttribute("name","logos");
fileInput.setAttribute("value",fileObj.name);
fileInput.setAttribute("type","hidden");
fm.appendChild(fileInput);
}
});
页面body:
<div id="fileUpload">You have a problem with your javascript</div>
<a href="javascript:$('#fileUpload').fileUploadStart()">Start Upload</a> | <a href="javascript:$('#fileUpload').fileUploadClearQueue()">Clear Queue</a>
分享到:
相关推荐
用Ext编写的多文件上传组件,已封装。 支持多文件上传,文件下载,文件删除,
java多文件上传实现,上传界面采用flash,同时显示上传进度条
说明:支持多文件上传的上传类 使用方法: include '../UploadFile.class.php'; $upload=new UploadFile(); if(!$upload->upload()) { // 上传错误提示错误信息 $this->error($upload->getErrorMsg()); }else{ ...
ajaxfileupload.js 这是个非常好的异步上传图片的插件,来解决form表单上传时要刷新页面的问题。支持多文件上传
使用普通表单的input框,引入多文件上传插件,传报文格式的参数,表单内容同时提交
bootstrap-fileinput-master多文件上传,多文件预览,网页的代码地址为https://mp.csdn.net/postedit/84098479
文件上传比较多,多文件上传少一点 文件下载很少的,看似简单,实则不然 网上的Struts2进行的文件下载一般都是单文件或者固定的文件,并没有(很少)实现随意文件的下载的例子 提供多文件上传,上传成功后,提供...
C#多服务器多文件上传实例,并发,集群对考虑在内
利用flash上传工具,结合jsp来进行多文件上传demo。 能一次性的选择多个文件,有上传进度显示;java项目
.net MVC 实现多文件上传,显示上传进度条,可传多个文件
html5和js多文件上传插件。可任意多文件选择上传,每个文件都可以显示进度,同时可以显示整体进度。采用了html的file对象和blob对象的属性和方法。
C# .NET FileUpload 多文件上传例子,两个方法和思路,适合初学者学习。
完全可运行的Ext多文件上传,带上传速率、进度条等
dhtmlxVault多文件上传dhtmlxVault多文件上传dhtmlxVault多文件上传
swfupload多文件上传带进度条实例,vs2012开发,net4.0框架,可上传多个文件,上传类型、上传大小、上传数量可控,已测试成功!
COS框架实现上传,稍加修改即可实现多文件上传,希望各位采纳
C# 多文件上传下载C# 多文件上传下载C# 多文件上传下载C# 多文件上传下载C# 多文件上传下载C# 多文件上传下载C# 多文件上传下载C# 多文件上传下载C# 多文件上传下载
uploadify多文件上传例子代码,jsp+servlet实现
SpringMVC单文件上传、多文件上传、文件列表显示、文件下载,具体效果和过程看博文http://blog.csdn.net/evankaka/article/details/45826697