前言

以前用Asp.net MVC+uploadify上传文件，最近学习SpringMVC，所以就用SpringMVC+uploadify做个上传文件的demo。

刚开始用form表单的方式提交，在Controller Action中用@RequestParam MultipartFile file就能拿到上传文件信息。后我直接使用uploadify的方式上传，接口没有做任何调整，上传的过程中报http400， 客户端的请求不符合接口的要求，表单post提交时报文参数是以Form Data方式，而换成uploadify时参数格式则是request payload的方式，所以把接口改写成MultipartServletRequest的方式

开发环境

SpringMVC4、Uploadify、

上传文件的话还需要下载 commons-fileupload ，同时还会下载common-io、common-logging

项目结构

普通表单上传

<form action="/User/index" method="post"  enctype="multipart/form-data">

<input type="file" name="file">

<input type="submit" value="upload"/>

</form>
@RequestMapping("upload")

    public @ResponseBody String  upload(@RequestParam MultipartFile file) throws IOException {

        String path =request.getSession().getServletContext().getRealPath("upload");

        File file=new File(path,file.getOriginalFilename());

        file.transferTo(file); //保存文件

        return "/success";

    }

　　

uploadify上传文件

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>

<head>

    <title>Index</title>

    <link href="/2sc/uploadify/uploadify.css" rel="stylesheet" type="text/css" />

    <script src="/2sc/js/jquery-1.4.2.js" type="text/javascript"></script>

    <script src="/2sc/uploadify/jquery.uploadify.js" type="text/javascript"></script>

    <style type="text/css">

        #fileQueue {position: absolute;bottom: 0;right: 0;}

    </style>

</head>

<body>

    spring mvc 上传文件

    <div id="fileQueue">

    </div>

    <input type="file" name="uploadify" id="uploadify" />

<script type="text/javascript">

    $(function () {

        $("#uploadify").uploadify({

            'method':'post',

            //指定swf文件

            'swf': '/2sc/uploadify/uploadify.swf',

            //后台处理的页面

            'uploader': '/User/upload',

            //按钮显示的文字

            'buttonText': '上传图片',

            //显示的高度和宽度，默认 height 30；width 120

            //'height': 15,

            //'width': 80,

            //上传文件的类型  默认为所有文件    'All Files'  ;  '*.*'

            //在浏览窗口底部的文件类型下拉菜单中显示的文本

            'fileTypeDesc': 'Image Files',

            //允许上传的文件后缀

            'fileTypeExts': '*.gif; *.jpg; *.png',

            //发送给后台的其他参数通过formData指定

            'formData': { 'someKey': 'someValue'},

            //上传文件页面中，你想要用来作为文件队列的元素的id, 默认为false  自动生成,  不带#

            'queueID': 'fileQueue',

            //选择文件后自动上传

            'auto': true,

            //设置为true将允许多文件上传

            'multi': true

        });

    });

</script>

</body>

</html>

　　

接口

@RequestMapping(value = "/upload",method = RequestMethod.POST)

    public @ResponseBody String upload(HttpServletRequest request, HttpServletResponse response){

        String path =request.getSession().getServletContext().getRealPath("upload");

        MultipartHttpServletRequest multipartHttpServletRequest=(MultipartHttpServletRequest)request;

        Map<String,MultipartFile> map = multipartHttpServletRequest.getFileMap();

        System.out.println("path:"+path);

        File file=new File(path);

        if(!file.exists()){

            file.mkdirs();

        }

        try{

            for(Map.Entry<String,MultipartFile> entity:map.entrySet()){

                MultipartFile multipartFile=entity.getValue();

                File ff = new File(path,multipartFile.getOriginalFilename());

                multipartFile.transferTo(ff);

            }

            return "success";

        }catch (Exception e){

            e.printStackTrace();

            return "error";

        }

    }

　　

参考

http://smilease.iteye.com/blog/1693898

http://www.cnblogs.com/fjsnail/p/3491033.html

SpringMVC+jquery.uploadify 上传文件的更多相关文章

  1. jquery.uploadify上传文件配置详解(asp.net mvc)

    页面源码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" c ...

  2. MVC3+jquery Uploadify 上传文件

    最近做项目用到了上传图片的功能,以前也写过这类代码,不过都是用传统的file标签,今天整理一个好用的插件Uploadify..都做了一些注释,一看便知. 可以去官网下载最新的:Uploadify下载地 ...

  3. [Plugin] JQuery.uploadify上传文件插件的使用详解For ASP.NET

    URL:http://www.cnblogs.com/xiaopin/archive/2010/01/21/1653523.html 今天下午整理文件上传的例子,感觉收集到的例子都很不人性话,后来找到 ...

  4. jquery uploadify上传文件插件导致浏览器崩溃问题解决方法

    自谷歌浏览器更新到(版本39.0.2171.99 )后,访问上传文件界面浏览器就崩溃了,而其他的浏览器不会出现问题. 出现这种问题的原因就是谷歌浏览器缓存问题,但将访问该jsp页面路径添加上时间戳后无 ...

  5. 使用jquery.uploadify上传文件

    今天在网上找了一天,想要找到一个比较全的使用案例,结果发现基本上全是一个版本的... 我的问题主要是上传完成后,还需要将路径获取到,然后保存到数据库. 查了一下资料发现有这么一个参数onComplet ...

  6. jQuery uploadify上传文件404，500错误

    1.如果部署到了IIS7的话,IIS7默认的大小为3000000.修改方法如下: 找到网站双击“请求筛选”——右边找到“编辑功能设置”——将“允许的最大内容长度”改成你想要的就行了. 2.当上传大文件 ...

  7. 使用 jquery 的 上传文件插件 uploadify 3.1 配合 java 来做一个简单的文件上次功能。并且在界面上有radio 的选择内容也要上传

    使用 jquery 的 上传文件插件 uploadify 3.1 配合 java 来做一个简单的文件上次功能.并且在界面上有radio 的选择内容也要上传 uploadify 插件的 下载和文档地址  ...

  8. Uploadify 上传文件插件详解

    Uploadify 上传文件插件详解 Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中 ...

  9. uploadify上传文件（2）--基础语法

    隔了好久,因为最近搬家,离开从小生活的城市,来到杭州.找工作.找房子等诸多事宜耽误了这篇文章许久.今天难得闲暇在旅馆中完成uploadify上传文件系列的第二篇--uploadify使用的基础语法. ...

随机推荐

  1. merge and saveorupdate

    首先 saveOrUpdate返回void 也就是什么都不返回 而merge会返回一个对象 merge 在执行session.merge(a)代码后,a对象仍然不是持久化状态,a对象仍然不会被关联到S ...

  2. UML标准建模语言与应用实例

    一.基本信息 标题:UML标准建模语言与应用实例 时间:2012 出版源:科技创新导报 领域分类:UML标准建模语言 面向对象 系统分析与设计 二.研究背景 问题定义:UML建模语言用图形来表现典型的 ...

  3. 数组-Array

    1.数组的概念 /* 数组的格式 数组: 同一种数据类型的若干个值的容器 元素:数组中的值称为元素 索引:元素的标号,从0开始 长度:数组中元素的个数 */ public class ArrayDem ...

  4. Spring 使用xml配置aop

    1.xml文件需要引入aop命名空间 2.xml内容: <?xml version="1.0" encoding="UTF-8"?> <bea ...

  5. Batch Normalization--介绍

    思考 YJango的前馈神经网络--代码LV3的数据预处理中提到过:在数据预处理阶段,数据会被标准化(减掉平均值.除以标准差),以降低不同样本间的差异性,使建模变得相对简单. 我们又知道神经网络中的每 ...

  6. SSD报告 - QRadar远程命令执行

    SSD报告 - QRadar远程命令执行 漏洞摘要 QRadar中的多个漏洞允许远程未经身份验证的攻击者使产品执行任意命令.每个漏洞本身并不像链接那么强大 - 这允许用户从未经身份验证的访问更改为经过 ...

  7. HTTP 协议支持的十种方法

    GET 获取资源,用来请求访问已被URI识别的资源. POST 传输实体主体. PUT 传输文件,(鉴于HTTP/1.1的PUT方法自身不带验证机制,任何人都可以上传文件,存在安全性问题,因此一般We ...

  8. Java学习笔记52（网络编程：UDP协议案例）

    InetAddress类: 表示互联网中的IP地址,示例: package demo; import java.net.InetAddress; import java.net.UnknownHost ...

  9. Redis 分布式锁进化史（解读 + 缺陷分析）

    Redis分布式锁进化史 近两年来微服务变得越来越热门,越来越多的应用部署在分布式环境中,在分布式环境中,数据一致性是一直以来需要关注并且去解决的问题,分布式锁也就成为了一种广泛使用的技术,常用的分布 ...

  10. Info - 信息分析思路概要

    信息分析要素 局部 --->整体 显性 --->隐性 表面 --->本质 割裂 --->联系 特殊 --->普遍 串行 --->并发 纵向 --->横向 单点 ...