plupload上传与springmvc整合看我这个就够了(并非原创只做整理,有修改)
原帖地址 http://blog.csdn.net/t894690230/article/details/37956277
plupload.html
<!-- plupload.js --><script type="text/javascript" src="./js/plupload.full.min.js"></script><!-- 国际化 --><script type="text/javascript" src="./js/i18n/zh_CN.js"></script><!-- 编码 --><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><div id="uploadbtn">uploadbtn</div><script> new plupload.Uploader({ browse_button: "uploadbtn", //DOM元素或者id url: "/video/uploadFile.do", //服务器接收地址 filters: { mime_types: [ //上传文件类型(数组) { title: "image file", //过滤器名称 extensions: "gif,jpg,png" //文件扩展名,多个时用逗号隔开 }, { title: "zip file", extensions: "rar,zip" } ], max_file_size: "500mb", //上传文件大小(可以写b,kb,gb) prevent_duplicates: false //是否允许选取重复的文件 }, multipart: true, //是否使用multipart/form-data方式上传 multipart_params: { //附加参数 filePath: "/test" }, max_retries: 0, //上传失败后的重试次数 chunk_size: "10mb", //分片上传切割大小 resize: { width: 100, //压缩图片宽度 height: 100, //压缩图片高度 crop: true, quality: 60, //压缩图片质量(默认90) preserve_headers: false }, drop_element: "uploadbtn", //拖拽上传区域DOM元素或者id(可以是数组) multi_selection: false, //是否支持多文件选择 unique_names: true, //是否生成唯一name runtimes: "html5,flash,silverlight,html4", //支持的上传方式以及优先级 file_data_name: "file", //文件域名称 flash_swf_url: "./js/Moxie.swf", //flash上传组件的url地址 silverlight_xap_url: "./js/Moxie.xap", //silverlight上传组件的url地址 init: { //监听函数 FilesAdded: function(uploader,file) { //当文件添加到上传队列后触发 uploader.start(); //开始上传 return false; }, UploadProgress: function(uploader,file) { //会在文件上传过程中不断触发 console.info(uploader.total.percent + "%"); console.info(file.percent + "%"); //文件已上传部分所占的百分比 }, FileUploaded: function(uploader,file,responseObject) { //当队列中的某一个文件上传完成后触发 console.info(responseObject.response); //服务器返回的文本 console.info(responseObject.status); //服务器返回的http状态码,比如200 }, UploadComplete: function(uploader,file) { //当上传队列中所有文件都上传完成后触发 console.info("ok"); }, Error: function(uploader,errObject) { //当发生错误时触发 console.info(errObject.code); //错误代码 console.info(errObject.message); //错误信息 } } }).init(); //初始化Plupload实例</script>
PluploadUtil.java
package com.inxedu.os.common.controller;import java.io.BufferedOutputStream;import java.io.File;import java.io.FileOutputStream;import java.io.IOException;import java.io.InputStream;import java.io.OutputStream;import java.util.Iterator;import java.util.List;import org.springframework.util.MultiValueMap;import org.springframework.web.multipart.MultipartFile;import org.springframework.web.multipart.MultipartHttpServletRequest;/** * Plupload是一个上传插件。 * 上传原理为单个文件依次发送至服务器. * 上传大文件时可以将其碎片化上传。但是一般情况下,不会这样做, * 所以这里更多的是处理普通文件的批量上传。 * 这里主要处理文件上传 */public class PluploadUtil { private static final int BUF_SIZE = 2 * 1024; /** * 用于Plupload插件的文件上传 * @param plupload - 存放上传所需参数的bean * @param dir - 保存目标文件目录 * @throws IllegalStateException * @throws IOException */ public static void upload(Plupload plupload, File dir) throws IllegalStateException, IOException { //生成唯一的文件名 plupload.setFileName(System.currentTimeMillis() + plupload.getName()); int chunks = plupload.getChunks(); //获取总的碎片数 int chunk = plupload.getChunk(); //获取当前碎片(从0开始计数) MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) plupload.getRequest(); MultiValueMap<String, MultipartFile> map = multipartRequest.getMultiFileMap(); if(map != null) { if (!dir.exists()) dir.mkdirs(); //如果目标文件夹不存在则创建新的文件夹 //事实上迭代器中只存在一个值,所以只需要返回一个值即可 Iterator<String> iter = map.keySet().iterator(); while(iter.hasNext()) { String str = (String) iter.next(); List<MultipartFile> fileList = map.get(str); for(MultipartFile multipartFile : fileList) { //因为只存在一个值,所以最后返回的既是第一个也是最后一个值 plupload.setMultipartFile(multipartFile); //创建新目标文件 File targetFile = new File(dir.getPath()+ "/" + plupload.getFileName()); //当chunks>1则说明当前传的文件为一块碎片,需要合并 if (chunks > 1) { //需要创建临时文件名,最后再更改名称 File tempFile = new File(dir.getPath()+ "/" + multipartFile.getName()); //如果chunk==0,则代表第一块碎片,不需要合并 saveUploadFile(multipartFile.getInputStream(), tempFile, chunk == 0 ? false : true); //上传并合并完成,则将临时名称更改为指定名称 if (chunks - chunk == 1) { tempFile.renameTo(targetFile); } } else { //否则直接将文件内容拷贝至新文件 multipartFile.transferTo(targetFile); }
注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。