`

plupload上传插件在SpringMVC中的整合

 
阅读更多
插件地址: http://www.plupload.com/

多附件上传控件plupload的使用心得http://panyongzheng.iteye.com/blog/1943644


引入:
<link rel="stylesheet" href="<c:url value="/scripts/lib/plupload/jquery.ui.plupload/css/jquery.ui.plupload.css"/>"/>
<link rel="stylesheet" href="<c:url value="/scripts/lib/plupload/jquery.plupload.queue/css/jquery.plupload.queue.css"/>"/>
<script type="text/javascript" src="<c:url value="/scripts/lib/plupload/plupload.full.min.js"/>"></script>
<script type="text/javascript" src="<c:url value="/scripts/lib/plupload/moxie.js"/>"></script>
<script type="text/javascript" src="<c:url value="/scripts/lib/plupload/jquery.ui.plupload/jquery.ui.plupload.js"/>"></script>
<script type="text/javascript" src="<c:url value="/scripts/lib/plupload/jquery.plupload.queue/jquery.plupload.queue.js"/>"></script>
<script type="text/javascript" src="<c:url value="/scripts/lib/plupload/i18n/zh_CN.js"/>"></script>


前台创建:
methods.uploader = $("#divRhCpmUploadDialog_uploader").pluploadQueue({
                // General settings
                runtimes : 'html5,flash,silverlight,html4',
                url : globalContentPath+"/updown/u",

                chunk_size : '1mb',
                rename : true,
                dragdrop: true,
                unique_names:true,
                filters : {
                    // Maximum file size
                    max_file_size : '10mb',
                    // Specify what files to browse for
                    mime_types: [
                        {title : "Image files", extensions : "jpg,gif,png"},
                        {title : "Zip files", extensions : "zip"}
                    ]
                },

                // Resize images on clientside if we can
                resize: {
                    width : 200,
                    height : 200,
                    quality : 90,
                    crop: true // crop to exact dimensions
                },


                // Flash settings
                flash_swf_url : '/plupload/js/Moxie.swf',

                // Silverlight settings
                silverlight_xap_url : '/plupload/js/Moxie.xap',
                init:{//实现方法
                    FilesAdded:function(up, files) {
                        debugger;
                        for (var i in files) {
                            up.getFile(files[i].id);
                            console.log("AAAAAAAAA");
                        }
                    },
                    UploadComplete: function(up, files) {
                        methods.files=files;
                    }
                 }
            });


http://blog.csdn.net/t894690230/article/details/37956277
上传对象
package cn.com.voge.system.domain;

/**
 * 项目名称: wp_idea_linux
 * 功能说明:
 * 创建者: Pandy,
 * 邮箱: panyongzheng@163.com, 1453261799@qq.com
 * 版权:
 * 官网:
 * 创建日期: 15-6-2.
 * 创建时间: 下午1:31.
 * 修改历史:
 * -----------------------------------------------
 */
import org.springframework.web.multipart.MultipartFile;

import javax.servlet.http.HttpServletRequest;

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

    /**文件临时名(打文件被分解时)或原名*/
    private String name;
    /**总的块数*/
    private int chunks = -1;
    /**当前块数(从0开始计数)*/
    private int chunk = -1;
    /**HttpServletRequest对象,不能直接传入进来,需要手动传入*/
    private HttpServletRequest request;
    /**保存文件上传信息,不能直接传入进来,需要手动传入*/
    private MultipartFile multipartFile;

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public int getChunks() {
        return chunks;
    }

    public void setChunks(int chunks) {
        this.chunks = chunks;
    }

    public int getChunk() {
        return chunk;
    }

    public void setChunk(int chunk) {
        this.chunk = chunk;
    }

    public HttpServletRequest getRequest() {
        return request;
    }

    public void setRequest(HttpServletRequest request) {
        this.request = request;
    }

    public MultipartFile getMultipartFile() {
        return multipartFile;
    }

    public void setMultipartFile(MultipartFile multipartFile) {
        this.multipartFile = multipartFile;
    }

}


上传工具类
package cn.com.voge.system.domain;

/**
 * 项目名称: wp_idea_linux
 * 功能说明:
 * 创建者: Pandy,
 * 邮箱: panyongzheng@163.com, 1453261799@qq.com
 * 版权:
 * 官网:
 * 创建日期: 15-6-2.
 * 创建时间: 下午1:30.
 * 修改历史:
 * -----------------------------------------------
 */
import org.springframework.util.MultiValueMap;
import org.springframework.web.multipart.MultipartFile;
import org.springframework.web.multipart.MultipartHttpServletRequest;

import java.io.*;
import java.util.Iterator;
import java.util.List;

/**
 * Plupload是一个上传插件。
 * 上传原理为单个文件依次发送至服务器.
 * 上传打文件时可以将其碎片化上传。但是一般情况下,不会这样做,
 * 所以这里更多的是处理普通文件的批量上传。
 * 这里主要处理文件上传
 */
public class PluploadUtil {
    private static final int BUF_SIZE = 2 * 1024;
    /**上传失败响应的成功状态码*/
    public static final String RESP_SUCCESS = "{\"jsonrpc\" : \"2.0\", \"result\" : \"success\", \"id\" : \"id\"}";
    /**上传失败响应的失败状态码*/
    public static final String RESP_ERROR = "{\"jsonrpc\" : \"2.0\", \"error\" : {\"code\": 101, \"message\": \"Failed to open input stream.\"}, \"id\" : \"id\"}";

    /**
     * 用于Plupload插件的文件上传,自动生成唯一的文件保存名
     * @param plupload - 存放上传所需参数的bean
     * @param dir - 保存目标文件目录
     * @throws IllegalStateException
     * @throws IOException
     */
    public static void upload(Plupload plupload, File dir) throws IllegalStateException, IOException {
        //生成唯一的文件名
        String filename = "" + System.currentTimeMillis() + plupload.getName();
        upload(plupload, dir, filename);
    }

    /**
     * 用于Plupload插件的文件上传
     * @param plupload - 存放上传所需参数的bean
     * @param dir - 保存目标文件目录
     * @param filename - 保存的文件名
     * @throws IllegalStateException
     * @throws IOException
     */
    public static void upload(Plupload plupload, File dir, String filename) throws IllegalStateException, IOException {
        int chunks = plupload.getChunks();  //获取总的碎片数
        int chunk = plupload.getChunk();    //获取当前碎片(从0开始计数)

        System.out.println(plupload.getMultipartFile() + "----------");

        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()+ "/" + filename);

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


}




controller
@ResponseBody
    @RequestMapping(value = "/u", method = RequestMethod.POST)
    public String upload(Plupload plupload,HttpServletRequest request, HttpServletResponse response) {
        String FileDir = "uploadfile/";
        plupload.setRequest(request);
        //文件存储路径
        File dir = new File(plupload.getRequest().getSession().getServletContext().getRealPath("/") + FileDir);
        System.out.println(dir.getPath());

        try {
            //上传文件
            PluploadUtil.upload(plupload, dir);
            //判断文件是否上传成功(被分成块的文件是否全部上传完成)
            if (PluploadUtil.isUploadFinish(plupload)) {
                System.out.println(plupload.getName() + "----");
            }

        } catch (IllegalStateException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }

        return "login.upload";
    }
分享到:
评论

相关推荐

    plupload上传插件

    该插件设计的目标是提供一个统一的API,让开发者能够在多种环境中轻松集成文件上传功能。 在使用plupload时,你需要关注以下几个关键知识点: 1. **多浏览器支持**:plupload利用了不同的技术来兼容各种浏览器,如...

    Plupload 上传.net MVC 上传示例

    在.NET MVC框架中,我们可以利用Plupload来构建用户友好的文件上传功能,提供断点续传、批量上传、进度条显示等特性。本示例将详细介绍如何在.NET MVC项目中集成并使用Plupload。 1. **Plupload组件介绍** ...

    plupload上传插件.net版,包含旧版+新版,4个版本

    在.NET环境中,开发者通常会创建一个Web API或ASP.NET MVC服务来接收并处理Plupload上传的文件。Plupload的API允许开发者控制上传的进度、暂停、开始等功能。例如,你可以通过JavaScript调用Plupload的start()方法...

    基于plupload上传至阿里云oss源码

    Plupload是一个开源的文件上传插件,它通过提供多种运行时环境(Flash, HTML5, Silverlight, BrowserPlus)来确保在所有主流浏览器中的兼容性。它提供了一套完整的API和UI组件,用于定制上传界面和处理上传过程。 ...

    plupload上传插件 基于jquery 有demo

    3. **断点续传**:如果上传过程中网络中断,Plupload可以记住已上传的部分,在恢复连接后继续上传,避免了重复工作。 4. **进度条显示**:提供实时的上传进度反馈,用户可以清楚地看到文件上传的进度,提升用户体验...

    plupload上传视频文件

    总的来说,`plupload`为开发者提供了一套完整的解决方案,使他们能够在网页应用中轻松实现视频和其他类型文件的上传功能,同时确保了用户体验的流畅性和上传的成功率。对于一个IT专业人士来说,熟练掌握`plupload`的...

    plupload附件上传插件

    1. **内容管理系统**:在需要用户上传图片、文档等附件的网站或应用中,plupload能提供稳定高效的文件上传功能。 2. **社交媒体**:用户分享大量图片或视频时,plupload的多文件上传和分块上传特性十分有用。 3. *...

    PLupload上传完整例子

    这个“PLupload上传完整例子”是一个实际应用中的案例,旨在展示如何在网页上实现文件上传功能,并且能够传递额外的参数。 在实际的Web开发中,文件上传是一个常见的需求,而PLupload提供了多浏览器兼容性和良好的...

    plupload上传和uploadify上传c#示例

    代码里有plupload上传和uploadify上传两种可供大家参考,建议大家使用plupload上传,此上传各大种浏览器都兼容。uploadify上传和form验证同时使用的话,在FF和chrome浏览器下会存在cookie丢失的问题。

    plupload上传图片

    在IT行业中,尤其是在Web开发领域...通过以上步骤,你就能在`ThinkPHP`中成功地实现`Plupload`图片上传功能。同时,这种组合方式不仅适用于图片上传,也可以应用于其他类型的文件上传场景,只需适当调整处理逻辑即可。

    java + plupload上传文件

    Plupload是有TinyMCE的开发者开发的,为您的内容管理系统或是类似上传程序提供一个高度可用的上传插件。Plupload 目前分为一个核心API 和一个jQuery上传队列部件,这样使你可以直接使用或是自己定制。

    plupload文件上传工具

    通过上述特性,Plupload成为了Web应用中实现高效、稳定文件上传功能的首选工具。无论是个人项目还是企业级应用,都能从中受益,提高用户体验,减少服务器压力。开发者可以根据项目需求,选择合适的版本和功能进行...

    plupload文件上传模块

    总结来说,plupload是一个强大且灵活的文件上传解决方案,它提供了完善的特性集,适用于各种Web应用中的文件上传需求。通过理解和掌握plupload,开发者可以创建出高性能、用户体验优秀的文件上传功能。

    plupload 上传组件的使用

    **plupload上传组件详解** plupload是一款强大的JavaScript上传组件,它支持多种浏览器,包括IE6+、Firefox、...在实际项目中,结合合理的前端设计和服务器端处理,plupload可以构建出高效、友好的文件上传体验。

    plupload一个很不错的批量上传的js插件

    Plupload是一个功能强大的JavaScript插件,专为Web端的批量文件上传设计。它以其多特性、易用性和兼容性在开发者社区中广受好评。在本文中,我们将深入探讨Plupload的核心特点、工作原理以及如何在项目中集成和使用...

    java+plupload多附件上传 servelet

    在Servlet中,我们需要处理POST请求,接收Plupload上传的文件。文件通常作为请求的一部分通过`Part`对象传递。首先,确保Servlet支持Multipart内容类型: ```java @WebServlet("/UploadServlet") public class ...

    前端组件 plupload 文件上传demo

    `plupload` 是一个开源的 JavaScript 插件,它提供了多种上传方式,包括 HTML5、Flash、Silverlight 和 BrowserPlus,确保在不同的浏览器环境下都能正常工作。它的主要特性有: 1. **多线程上传**:通过分块上传...

    jQuery Plupload上传插件的使用

    jQuery Plupload是一个流行的JavaScript库,用于在Web应用中实现文件上传功能。它支持多种上传方式和丰富的配置选项,使得文件上传变得更加灵活和强大。以下是关于jQuery Plupload上传插件使用详解的知识点: 1. ...

    plupload文件批量上传工具

    在Java环境中,我们可以利用Plupload的特性来实现用户友好的文件上传功能,提升用户体验。下面将详细介绍如何在Java应用中集成并使用Plupload。 1. **Plupload的特性** - **多浏览器兼容**:Plupload通过Flash、...

    plupload-2.1.2 js、html压缩图片上传图片神器,手机微信网页上传图片必备神器

    在实际应用中,Plupload 可以轻松集成到现有的Web项目中,通过配置参数和编写JavaScript代码,可以实现各种复杂的上传逻辑。例如,对于微信网页环境,可以特别针对微信浏览器的特性进行优化,确保在微信内快速、流畅...

Global site tag (gtag.js) - Google Analytics