SpringMVC + jquery.uploadify实现上传文件功能_网络技术

SpringMVC + jquery.uploadify实现上传文件功能

发布时间 - 2026-01-11 01:44:55 点击率：次

前言

以前用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="external nofollow" 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";

 }

 

 

 }

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

# spring # mvc # uploadify # springmvc # 上传文件 # jquery # SpringMVC4 + MyBatis3 + SQL Server 2014整合教程（含增删改查分 # SpringMVC+bootstrap table实例详解 # springMvc注解之@ResponseBody和@RequestBody详解 # Spring+SpringMVC+MyBatis深入学习及搭建(一)之MyBatis的基础知识 # SpringMVC中MultipartFile上传获取图片的宽度和高度详解 # SpringMVC自定义属性编辑器详解及实例 # 上传 # 表单 # 默认为 # 就能 # 则是 # 还会 # 做个 # 还需要 # 刚开始 # 不符合 # 这篇文章 # 就用 # 谢谢大家 # 不带 # 设置为 # 上传图片 # 你想要 # 自动生成 # 文件上传

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：企业数字化转型：探索未来商业增长新动力

下一篇：北京邮递区号是多少_北京各区详细邮递区号对照表

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：企业数字化转型：探索未来商业增长新动力

下一篇：北京邮递区号是多少_北京各区详细邮递区号对照表