Plupload+easyui+springmvc实现批量上传

1.jsp代码

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<link rel="stylesheet" href="${ctx}/static/js/plupload/queue/css/jquery.plupload.queue.css" type="text/css"></link>
<script type="text/javascript" src="${ctx}/static/js/plupload/plupload.js"></script>
<script type="text/javascript" src="${ctx}/static/js/plupload/plupload.html4.js"></script>
<script type="text/javascript" src="${ctx}/static/js/plupload/plupload.html5.js"></script>
<script type="text/javascript" src="${ctx}/static/js/plupload/plupload.flash.js"></script>
<script type="text/javascript" src="${ctx}/static/js/plupload/zh_CN.js"></script>
<script type="text/javascript" src="${ctx}/static/js/plupload/queue/jquery.plupload.queue.js"></script>
<script type="text/javascript">
    var ctx=‘${ctx}‘+‘static/js/‘;
    var files = [];
    var errors = [];
    var type = ‘file‘;
    var max_file_size = ‘10mb‘;
    $(document).ready(function(){
        var filters = {title : "文档", extensions : "xml"};
        $("#uploader").pluploadQueue($.extend({
            runtimes : ‘html5,html4,flash‘,
            url : ‘localUpLoadProgram‘,
            max_file_size : max_file_size,
            file_data_name:‘file‘,
            unique_names:true,
            filters : [filters],
            flash_swf_url : ctx+‘plupload/plupload.flash.swf‘,
            init:{
                FileUploaded:function(uploader,file,response){
                    if(response.response){
                        var rs = $.parseJSON(response.response);
                        if(rs.status){
                            files.push(file.name);
                        }else{
                            errors.push(file.name);
                        }
                    }
                },
                UploadComplete:function(uploader,fs){
                    //var e= errors.length ? ",失败"+errors.length+"个("+errors.join("、")+")。" : "。";
                   // alert("上传完成!共"+fs.length+"个。成功"+files.length+e);
                    //target.window("close");
                }
            }
        },(true ? {chunk_size:‘1mb‘} : {})));
    });
</script>
<div id="uploader">&nbsp;</div>

2.java代码

    @RequestMapping("/standsUpLoadProgram")
    @ResponseBody
    public void standsUpLoadProgram(
            @RequestParam("file") CommonsMultipartFile[] file,
            HttpServletResponse response) throws Exception {
        if (file.length <= 0) {
            return;
        }
        for (int i = 0; i < file.length; i++) {
            InputStream inputFile = file[i].getInputStream();
            saveStandsDate(inputFile);
        }
    }
时间: 2024-08-10 17:18:32

Plupload+easyui+springmvc实现批量上传的相关文章

WEB版一次选择多个文件进行批量上传(Plupload)的解决方案

WEB版一次选择多个文件进行批量上传(Plupload)的解决方案 转载自http://www.cnblogs.com/chillsrc/archive/2013/01/30/2883648.html 说明:Plupload支持多种浏览器,多种上传方式! 一般的WEB方式文件上传只能使用FileUpload控件进行一个文件一个文件的进行上传,就算是批量上传,也要把文件一个一个的添加到页面,无法如 windows程序一样,一次选择多个文件进行批量上传.这样在某些应用上就显得很不人性化,有时候客户希

jquery文件批量上传控件Uploadify3.2(java springMVC)

人比較懒  有用为主 不怎么排版了 先放上Uploadify的官网链接:http://www.uploadify.com/  -->里面能够看到PHP的演示样例,属性说明,以及控件下载地址.分flash版(免费)和html5版(收费). 官网上能够看到效果演示. 另外在网上找到了一份Uploadify3.2的中文API文档.能够在我上传的资源里面下载. 以下就是一个基于springMVC的文件上传演示样例,看起来可能比文档更直观一些··· 1.下载插件放到项目中 2.在jsp页面中引入下面JS和

springMVC easyUI filebox 单个文件上传

被这个文件上传坑到现在,还是自己技术问题,照着之前extjs项目那边的上传实例,愣是上传不了 到后面就查了下springMVC的文件上传,按照那样搞定了http://blog.csdn.net/jadyer/article/details/7575934 easyui 前端文件 <form id="brandAddForm" method="post" enctype="multipart/form-data"> <table

ux.plup.File plupload 集成 ux.plup.FileLis 批量上传预览

1 //plupload 集成 2 Ext.define('ux.plup.File', { 3 extend: 'Ext.form.field.Text', 4 xtype: 'plupFile', 5 alias: ['widget.plupFile'], 6 requires: ['Ext.form.trigger.Component', 'Ext.button.Button', 'Ext.window.Toast'], 7 //plup对象 8 uploader: null, 9 //上

plupload批量上传分片(后台代码)

plupload批量上传分片功能, 对于文件比较大的情况下,plupload支持分片上传,后台代码如下: /** * * 方法:upLoadSpecialProgramPictrue * 方法说明:本地节目导入 * @return * @author wangHao * @throws Exception * @date 2015年6月9日 */ @RequestMapping("/localUpLoadProgram") @ResponseBody public void local

springmvc如何做到批量上传和下载的(单个下载)

springmvc的上传依靠MultipartHttpServletRequest来获取请求,通过请求来获取file前端的名字,从而获取MultipartFile, 代码如下: 其实就是获取上传的名字,指定上传的路径,然后指定上传到固定的地方,主要看for循环里面的,其他根据自己的业务逻辑来判断添加的, 下载: 下载也主要抓住两个要点:第一个:(1)需要设置下载的类型,contentype有不同的值,比如:text或html,可以传"text/html",如果是pdf,doc,又是另外

Springmvc+uploadify实现文件带进度条批量上传

网上看了很多关于文件上传的帖子,众口不一,感觉有点乱,最近正好公司的项目里用到JQuery的uploadify控件做文件上传,所以整理下头绪,搞篇文档出来,供亲们分享. Uploadify控件的主要优势是可以实现批量文件上传,并且提供了onSelect(选中文件).onUploadSuccess(上传成功回调函数)等多个事件监听函数,可以操控上传的整个流程. 对uploadify有个简单的了解后,废话不多说,开始吧... (由于这次项目中用到的是ssm框架,所以就以springmvc的后台处理为

jQuery之批量上传文件插件之一

$("#uploader").plupload({     /*常规设置*/     runtimes:'html5,flash,silverlight,html4',     url:'hyzx/seller/commPicUpload.action',     /*最大文件限制b, kb, mb, gb, tb */     max_file_size:'1mb',     /*是否生成唯一文件名,如果为true会为上传的文件唯一的文件名.*/     unique_names:t

基于jQuery很牛X的批量上传插件

上传功能应该是每个网站必备的工具之一,因此出现了出现了很多各式各样的上传插件! 本文基于个人经验和使用从插件的:交互体验,易用性,文档,美观度出发,为大家推荐三款很NX的批量上传插件! 下面三款插件的特点:1.简单易配置,2.带进度条上传,3.可批量上传自定义格式文件 1.jQuery File Upload 官网:http://blueimp.github.com/jQuery-File-Upload/ 在线示例:http://blueimp.github.com/jQuery-File-Up