【原创】plupload上传与springmvc整合

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);
                    }
                }
            }
        }
    }

    /**
     * 保存上传文件,兼合并功能 
     */
    private static void saveUploadFile(InputStream input, File targetFile, boolean append) throws IOException {
        OutputStream out = null;
        try {
            if (targetFile.exists() && append) {
                out = new BufferedOutputStream(new FileOutputStream(targetFile, true), BUF_SIZE);
            } else {
                out = new BufferedOutputStream(new FileOutputStream(targetFile), BUF_SIZE);
            }

            byte[] buffer = new byte[BUF_SIZE];
            int len = 0;
            //写入文件  
            while ((len = input.read(buffer)) > 0) {
                out.write(buffer, 0, len);
            }
        } catch (IOException e) {
            throw e;
        } finally {
            //关闭输入输出流  
            if (null != input) {
                try {
                    input.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
            if (null != out) {
                try {
                    out.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }
    }

    /**
     * 判断是否全部上传完成 
     * 碎片需合并后才返回真 
     */
    public static boolean isUploadFinish(Plupload plupload) {
        return (plupload.getChunks() - plupload.getChunk() == 1);
    }

}
Plupload.java
package com.inxedu.os.common.controller;

import javax.servlet.http.HttpServletRequest;
import lombok.Data;
import org.springframework.web.multipart.MultipartFile;

/**
 * Plupload是一个上传插件。 
 * 这是一个bean类,主要存储Plupload插件上传时需要的参数。 
 * 属性名不可随意改动. 
 * 这里主要使用MultipartFile文件上传方法 
 */
@Data
public class Plupload {

    /**文件临时名(大文件被分解时)*/
    private String name;
    /**保存的文件名*/
    private String fileName;
    /**总的块数*/
    private int chunks = -1;
    /**当前块数(从0开始计数)*/
    private int chunk = -1;
    /**HttpServletRequest对象,不能直接传入进来,需要手动传入*/
    private HttpServletRequest request;
    /**保存文件上传信息,不能直接传入进来,需要手动传入*/
    private MultipartFile multipartFile;
}
VideoUploadController.java
    /**上传处理方法*/
    @RequestMapping(value="/uploadFile.do", method = RequestMethod.POST)
    public void upload(Plupload plupload,HttpServletRequest request, HttpServletResponse response, @RequestParam("filePath") String filePath) throws IOException {

        System.out.println(plupload.getChunk() + "===" + plupload.getName() + "---" + plupload.getChunks());

        plupload.setRequest(request);
        //文件存储路径
        File dir = new File(getProjectRootDirPath(request) + filePath);

        System.out.println(dir.getPath());

        try {
            //上传文件
            PluploadUtil.upload(plupload, dir);
            //判断文件是否上传成功(被分成块的文件是否全部上传完成)
            if (PluploadUtil.isUploadFinish(plupload)) {
                Map<String, Object> m = new HashMap<String, Object>();
                m.put( "status", true);
                m.put( "fileUrl", filePath + "/" + plupload.getFileName());
                response.getWriter().write(JSONUtils.toJSONString(m));
                System.out.println("---" + filePath + "/" + plupload.getFileName());
            }

        } catch (Exception e) {
            Map<String, Object> m = new HashMap<String, Object>();
            m.put( "status", false);
            response.getWriter().write(JSONUtils.toJSONString(m));
        }
    }
附件是plupload的js:

js.zip(336kb)

下边是一个技术大大翻译的plupload中文文档:

http://chaping.github.io/plupload/doc/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 220,367评论 6 512
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,959评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 166,750评论 0 357
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,226评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,252评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,975评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,592评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,497评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,027评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,147评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,274评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,953评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,623评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,143评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,260评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,607评论 3 375
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,271评论 2 358

推荐阅读更多精彩内容