[聚合文章] plupload上传与springmvc整合

JavaScript 2017-12-19 16 阅读

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

注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。