uploadify3.1 api 可参考:(点击打开链接

需要springmvc的jar包

1、upload.jsp(主要代码)

  1. <script type="text/javascript" charset="UTF-8"
  2. src="${pageContext.request.contextPath}/js/jquery1.11.js"></script>
  3. <script type="text/javascript" charset="UTF-8"
  4. src="${pageContext.request.contextPath}/static/llsfw/js/upload/upload.js"></script>
  5. <script type="text/javascript" charset="UTF-8"
  6. src="${pageContext.request.contextPath}/static/llsfw/common/uploadify/jquery.uploadify.min.js"></script>
  7. <div id="uploader">
  8. <p>
  9. <input type="file" name="file_upload" id="file_upload" />
  10. </p>
  11. <a href="javascript:$('#file_upload').uploadify('upload','*')">上传</a>
  12. <a href="javascript:$('#file_upload').uploadify('stop')">取消上传</a>
  13. <div id="uploader_queue"></div>
  14. <div id="uploader_msg"></div>
  15. <div id="uploader_view"></div>
  16. </div>

2、upload.js

  1. $(function() {
  2. $("#file_upload").uploadify({
  3. 'auto' : false,
  4. 'method' : "get",
  5. 'formData' : {'folder' : 'file'},
  6. 'height' : 30,
  7. 'swf' : basePath+'static/llsfw/common/uploadify/uploadify.swf', // flash
  8. 'uploader' : basePath+'uploadController/upload', // 数据处理url
  9. 'width' : 120,
  10. 'fileTypeDesc' : '只能是xls...',
  11. 'fileTypeExts' : '*.xls',
  12. 'fileSizeLimit' : '10500KB',
  13. 'buttonText' : '选择文件',
  14. 'uploadLimit' : 5,
  15. 'successTimeout' : 5,
  16. 'requeueErrors' : false,
  17. 'removeTimeout' : 10,
  18. 'removeCompleted' : false,
  19. 'queueSizeLimit' :10,
  20. 'queueID'  : 'uploader_queue',
  21. 'progressData' : 'speed',
  22. 'onInit' : function (){},
  23. // 单个文件上传成功时的处理函数
  24. 'onUploadSuccess' : function(file, data, response){
  25. $("#uploader_view").append('<div height="60" >'+data+'</div>');
  26. },
  27. 'onQueueComplete' : function(queueData) {
  28. $('#uploader_msg').html(queueData.uploadsSuccessful + ' 个文件上传成功。');
  29. }
  30. });
  31. });

3、UploadController.java

  1. package com.llsfw.core.controller.upload;
  2. import java.io.File;
  3. import java.io.IOException;
  4. import java.util.Iterator;
  5. import javax.servlet.http.HttpServletRequest;
  6. import javax.servlet.http.HttpServletResponse;
  7. import org.springframework.stereotype.Controller;
  8. import org.springframework.web.bind.annotation.RequestMapping;
  9. import org.springframework.web.multipart.MultipartFile;
  10. import org.springframework.web.multipart.MultipartHttpServletRequest;
  11. import org.springframework.web.multipart.commons.CommonsMultipartResolver;
  12. import com.llsfw.core.controller.base.BaseController;
  13. @Controller
  14. @RequestMapping("uploadController")
  15. public class UploadController extends BaseController {
  16. @RequestMapping("init")
  17. public String init() {
  18. return "llsfw/upload/upload";
  19. }
  20. @RequestMapping("upload")
  21. public void upload(HttpServletRequest request, HttpServletResponse response) {
  22. try {
  23. String savePath = "C://uploads/";
  24. File dirPath = new File(savePath);
  25. if (!dirPath.exists()) {
  26. dirPath.mkdirs();
  27. }
  28. // 解析器解析request的上下文
  29. CommonsMultipartResolver multipartResolver = new CommonsMultipartResolver(
  30. request.getSession().getServletContext());
  31. // 先判断request中是否包涵multipart类型的数据,
  32. if (multipartResolver.isMultipart(request)) {
  33. // 再将request中的数据转化成multipart类型的数据
  34. MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest) request;
  35. @SuppressWarnings("rawtypes")
  36. Iterator iter = multiRequest.getFileNames();
  37. while (iter.hasNext()) {
  38. MultipartFile file = multiRequest.getFile((String) iter.next());
  39. if (file != null) {
  40. String fileName = file.getOriginalFilename();
  41. System.out.println(fileName);
  42. File localFile = new File(savePath + fileName);
  43. // 写文件到本地
  44. file.transferTo(localFile);
  45. response.getWriter().print(fileName+"        上传成功!");
  46. }
  47. }
  48. }
  49. } catch (IOException e) {
  50. // TODO Auto-generated catch block
  51. e.printStackTrace();
  52. }
  53. }
  54. }

springMVC+uploadify3.1 文件上传 demo的更多相关文章

  1. 使用SpringMVC框架实现文件上传和下载功能

    使用SpringMVC框架实现文件上传和下载功能 (一)单个文件上传 ①配置文件上传解释器 <!—配置文件上传解释器 --> <mvc:annotation-driven>&l ...

  2. (转)SpringMVC学习(九)——SpringMVC中实现文件上传

    http://blog.csdn.net/yerenyuan_pku/article/details/72511975 这一篇博文主要来总结下SpringMVC中实现文件上传的步骤.但这里我只讲单个文 ...

  3. SpringMvc入门五----文件上传

      知识点: SpringMvc单文件上传 SpringMvc多文件上传   这里我直接演示多文件上传,单文件的上传就不说了,不过代码都是现成的. 效果预览:   DEMO图:     添加文件上传j ...

  4. SpringMVC+BUI实现文件上传(附详解,源码下载)

    中午有限时间写这博文,前言就不必多说了,直奔主题吧. BUI是一个前端框架,关于BUI的介绍请看博主的文章那些年用过的一些前端框架. 下面我们开始实例的讲解! 一.效果演示: 上传成功后,会发现本地相 ...

  5. 2017/2/12:springMVC的简单文件上传跟拦截器

    1.写文件上传的界面jsp代码如下重点为文件上传标签的类型 2.写登录成功跟失败的界面:成功自己写 3.写springMVC的文件上传的controller的方法 4.最后一步配置spring-ser ...

  6. springMVC + hadoop + httpclient 文件上传请求直接写入hdfs

    1.首先是一个基于httpclient的java 应用程序,代码在这篇文章的开头:点击打开链接 2.我们首先写一个基于springMVC框架的简单接收请求上传的文件保存本地文件系统的demo,程序代码 ...

  7. 深入springMVC源码------文件上传源码解析(下篇)

    在上篇<深入springMVC------文件上传源码解析(上篇) >中,介绍了springmvc文件上传相关.那么本篇呢,将进一步介绍springmvc 上传文件的效率问题. 相信大部分 ...

  8. springMVC实现多文件上传

    <h2>上传多个文件 实例</h2> <form action="/workreport/uploadMultiFile.html" method=& ...

  9. WebSite 文件上传Demo

    知识点: 1 <!--上传文件时:        1.必须使用Post方式来提交数据        2.必须设置表单的enctype属性        3.必须在表单中包含文件域.input t ...

随机推荐

  1. Android学习——碎片Fragment的使用

    一.碎片的简单用法(实现在一个活动中添加两个碎片,并让这两个碎片平分活动空间) 1.新建一个FragmentTest项目: 新建一个左侧碎片布局left_fragment.xml,代码如下:(只放置一 ...

  2. ComboBoxEdit 添加键值

    ComboBoxEdit combo = new ComboBoxEdit(); var coll = combo.Properties.Items; coll.BeginUpdate(); try ...

  3. 关于maven-基本

    笔记 Maven项目对象模型(POM),可以通过一小段描述信息来管理项目的构建,报告和文档的软件项目管理工具. Maven是一个项目管理工具,它包含了一个项目对象模型 (Project Object ...

  4. 移动端的0.5px

    最近写移动端页面写的比较多,边边基本上都是用的1px,视觉上也确实有点小粗,这不闲下来啦,具体的研究了下0.5px是怎么实现的,切记,这个效果只有在手机上才能看到效果的 利用了css3的缩放效果 &l ...

  5. 应用七:Vue之适配test环境变量(2.0版)

    在我们使用vue-cli创建的项目中,默认只有开发development和生产production两种环境变量:但在实际的项目开发过程中往往都会有测试环境,下面就来说一下如何适配测试环境test的环境 ...

  6. 绘画软件优动漫PAINT系统要求

    优动漫PAINT对运行环境有什么要求呢?目前,该软件可在Windows系统和Mac系统上使用,详细的操作运行环境如下: 操作系统:win7.win8.win10. 计算机硬件:内存必须在2GB以上,建 ...

  7. 使用***客户端和Privoxy让所有CentOS 7命令行工具通过代理访问互联网(转载)

    安装*** 首先安装pip: curl -LO "https://bootstrap.pypa.io/get-pip.py" python get-pip.py 通过pip安装** ...

  8. 如何检查Windows网络通信端口占用

    最近本地测试jsp程序发现tomcat启动失败,无法监听8080端口,也没记得别的什么程序占用了8080端口,干脆就改成了8090端口先用着.今天找了找Windows上查看网络通信端口占用的方法. 先 ...

  9. ES6标准入门(第三版)学习笔记(1)

    ES6声明变量的六种方法 ES5只有两种 var,function命令 ES6新增了let,const,class,import命令 验证var与let用法上的不同 var a = []; for ( ...

  10. 51nod-独木舟问题

    n个人,已知每个人体重,独木舟承重固定,每只独木舟最多坐两个人,可以坐一个人或者两个人.显然要求总重量不超过独木舟承重,假设每个人体重也不超过独木舟承重,问最少需要几只独木舟?分析:  一个显然的策略 ...