juqery文件上传 plupload java修改版

最近需要用到jquery文件上传插件，发现plupload这东西挺好的，奈何后台代码是php，tomcat得配置php才能跑起来，于是稍微研究了下，改成了java代码

 

plupload的特色是

1、可以配置chunk，将一个大文件分成许多小文件上传，后台通过php合并成大文件，这里通过相应的java代码

2、实际上传的文件名是经过生成唯一的uuid，通过参数name传递到后台

3、上传文件的过程是先上传临时命名为uuid的临时文件，上传成功后会自动生成几个input标签，对应上传之后的临时文件的文件名，之后通过另一个action调用uploadFinish对临时文件进行重命名 操作或者其他操作

 

 

 

这个java代码是基于 Struts2的，不是servlet，反正都是类似的 在这基础上也容易改

 

 

public class UploadAction extends ActionSupport {


       private static final int BUFFER_SIZE = 2 * 1024;


	private File upload;
        private String name;  //plupload上传文件的临时文件名 uuid.文件后缀
	private String uploadFileName;
	private String uploadContentType;
	private int chunk;
	private int chunks;

// 。。。一堆getter setter自己生成



        private void copy(File src, File dst) {
		InputStream in = null;
		OutputStream out = null;
		try {
			if (dst.exists()) {
				out = new BufferedOutputStream(new FileOutputStream(dst, true),
						BUFFER_SIZE);  //plupload 配置了chunk的时候新上传的文件appand到文件末尾
			} else {
				out = new BufferedOutputStream(new FileOutputStream(dst),
						BUFFER_SIZE);
			}
			in = new BufferedInputStream(new FileInputStream(src), BUFFER_SIZE);

			byte[] buffer = new byte[BUFFER_SIZE];
			int len = 0;
			while ((len = in.read(buffer)) > 0) {
				out.write(buffer, 0, len);
			}
		} catch (Exception e) {
			e.printStackTrace();
		} finally {
			if (null != in) {
				try {
					in.close();
				} catch (IOException e) {
					e.printStackTrace();
				}
			}
			if (null != out) {
				try {
					out.close();
				} catch (IOException e) {
					e.printStackTrace();
				}
			}
		}
	}



        public String upload() throws Exception {

		String dstPath = ServletActionContext.getServletContext().getRealPath("\\tmp")
				+ "\\" + this.getName();  // 保存目录可以自己配置 或者定义变量自行配置
		File dstFile = new File(dstPath);

		// 文件已存在删除旧文件（上传了同名的文件）
		if (chunk == 0 && dstFile.exists()) {
			dstFile.delete();
			dstFile = new File(dstPath);
		}

		copy(this.upload, dstFile);

               //System.out.println(uploadFileName + " " + uploadContentType + " "
				+ chunk + " " + chunks);
		if (chunk == chunks - 1) {
			// 一个完整的文件上传完成
		}

		return SUCCESS;
	}

	public String uploadFinish() {
		String dstPath = ServletActionContext.getServletContext().getRealPath("\\tmp");

		HttpServletRequest request = ServletActionContext.getRequest();
		
		int count = Integer.parseInt(request.getParameter("uploader_count"));
		for (int i = 0; i < count; i++) {
			uploadFileName = request.getParameter("uploader_" + i + "_name");
			name = request.getParameter("uploader_" + i + "_tmpname");
			System.out.println(uploadFileName + " " + name);
			try {

//对已经上传成功的临时文件进行操作		
                        } catch(Exception e) {
				
			}
		}
		return SUCCESS;
	}

}

补充：

从项目里抽取出了文件上传的代码，单独一个eclipse上可以跑的例子，上传上来了(注意build path里的jre路径)

 

原创，欢迎转载，请标明源

http://asyty.iteye.com/blog/1230119/

评论

21 楼 liutingna86 2015-10-07  

我调试了一下，只能上传excel表格的文件，其他扩展名的文件都不行呢？求指教

20 楼 ljx_523 2015-08-25  

                   

19 楼 lms2qwert 2015-03-24  

调试中。。。

18 楼 jyw0626 2015-01-16  

请问~chunk分为几小块之后怎么可以直接增加到前一部分后面呢。我一直弄不出来~上传的文件总是有问题。
if (chunk == chunks - 1) { 
            // 一个完整的文件上传完成 
}

17 楼 dinne1987 2014-12-18  

我刚把你的example下载后，用HTML5技术，可以选择文件，但点击上传后，就报错了。

16 楼 junwanjiang 2014-03-12  

看了你的例子，自己操作了下，上传上去的文件名改了，怎么样能保证文件名不被改动

15 楼 qq632880273 2013-08-08  

求例子 求共享 我的邮箱是[e-mail]

14 楼 qq632880273 2013-08-08  

求例子 求共享   谢谢了   我的邮箱[e-mail]

13 楼 chenlog 2013-06-24  

搞了半天，原来哥哥把那个js文件稍微改了一下   哭

12 楼 wbin_java 2013-06-20  

不错，很给力！

11 楼 ycyangcai 2013-05-14  

不错！！！

10 楼 cofg 2013-03-21  

太好了~~ 多谢博主分享！

9 楼 zaoanfeng 2012-11-05  

js中max_file_size与chunk_size的值相同，后台获取的chunks始终不等于1.

8 楼 dyyweb 2012-08-22  

发给我一份  急用 拜求   [e-mail]

7 楼 king_shanqiu 2012-07-24  

[size=xx-small][/size][align=left][/align]

[img][/img] 

6 楼 huawin 2012-07-04  

学习了，谢谢共享

5 楼 asyty 2011-11-16  

哦，混合上jquyer dialog我倒没试过。。不过jquery插件混用确实有可能出问题。。

cwm_chen 写道

我已经调试成功了，但是出现问题。
1。采用jquyer dialog 对话框创建上传组件
出现问题：1。打开对话框，选择文件上传，没有问题。
2。关闭dialog之前选择文件，然后在打开dialog上传文件上传停止不动。
3。选择文件后，提交表单，进行上传，与2一个效果。

4 楼 cwm_chen 2011-11-16  

我已经调试成功了，但是出现问题。
1。采用jquyer dialog 对话框创建上传组件
   var uploaderDialog;
//判断是否已经加载上传组件
if($("#uploaderDialog").html() == null){
//创建上传组件
uploaderDialog = $("<div id='uploaderDialog' title='"+title+"'></div>").appendTo("body");
uploaderDialog.html($("#uploader"));
$("#uploader").plupload({
runtimes:"gears,flash,silverlight,browserplus,html5,html4",
url:"uploadFileAction",
max_file_size:"200mb",
chunk_size:"2mb",
unique_names:true,
filters:[
{title:"请选择压缩文件", extensions:"zip"}
],
flash_swf_url:path + "/js/plupload/plupload.flash.swf",
silverlight_xap_url:path + "/js/plupload/plupload.silverlight.xap"
});

//jquery ui对话框显示上传组件
uploaderDialog.dialog({
autoOpen:false,
width:700,
height:420,
resizable:false,
modal: true,
buttons:{
'关闭':function(){
uploaderDialog.dialog("close");
}
}
});
}else{
$("#uploaderDialog").dialog("open");
}
出现问题：1。打开对话框，选择文件上传，没有问题。
2。关闭dialog之前选择文件，然后在打开dialog上传文件上传停止不动。
3。选择文件后，提交表单，进行上传，与2一个效果。
求解答我的QQ295099383 陈伟明

3 楼 cwm_chen 2011-11-15  

太感谢了。

2 楼 asyty 2011-11-15  

cwm_chen 写道

你好请问你又例子吗，麻烦共享一份，让我们可以下载，谢谢了。我的邮箱[e-mail]

我等会把代码发你