本文将使用   apache fileupload   ,spring MVC   jquery 实现一个带进度条的多文件上传， 由于fileupload 的局限，暂不能实现每个上传文件都显示进度条，只能实现一个总的进度条

优点:不用引入第三方的组件(如js框架,flash等)

缺点:如果同时上传多个文件,由于apache fileupload API的限制,只能显示一个总的进度条

1.引入环境所需要的jar包

引入上传工具类jar包

  1. <dependency>
  2.     <groupId>commons-io</groupId>
  3.     <artifactId>commons-io</artifactId>
  4.     <version>2.4</version>
  5. </dependency>
  6. <dependency>
  7.     <groupId>commons-fileupload</groupId>
  8.     <artifactId>commons-fileupload</artifactId>
  9.     <version>1.3.1</version>
  10. </dependency>

引入mvc处理json数据jar包(@requestbody&@responsebody)

  1. <dependency>
  2.     <groupId>com.fasterxml.jackson.core</groupId>
  3.     <artifactId>jackson-core</artifactId>
  4.     <version>2.5.1</version>
  5. </dependency>
  6. <dependency>
  7.     <groupId>com.fasterxml.jackson.core</groupId>
  8.     <artifactId>jackson-databind</artifactId>
  9.     <version>2.5.1</version>
  10. </dependency>

2.jsp页面

  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2.     pageEncoding="UTF-8"%>
  3. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  5. <html>
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  8. <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.js"></script>
  9. <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  10. <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  11. <link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css">
  12. <script type="text/javascript">
  13. $(document).ready(function(){
  14.      $('#subbut').bind('click',
  15.             function(){
  16.                 $('#fForm').submit();  
  17.  
  18.                 var eventFun = function(){
  19.                     $.ajax({
  20.                         type: 'GET',
  21.                         url: '${pageContext.request.contextPath}/test/process.action',
  22.                         data: {},
  23.                         dataType: 'json',
  24.                         success : function(data){
  25.                                 $("#fff").html("上传进度:"+data.show);
  26.                                 $( "#proBar" ).progressbar({
  27.                                     value: data.rate
  28.                                   });
  29.                                 if(data.rate == 100){
  30.                                     window.clearInterval(intId);
  31.                                     alert("上传完成");
  32.                                 }
  33.                 }});};
  34.                 var intId = window.setInterval(eventFun,100);
  35.     });
  36. });
  37. </script>
  38. <title>Insert title here</title>
  39. </head>
  40. <body>
  41.       <form id='fForm'   action="${pageContext.request.contextPath}/test/testbar.action" encType="multipart/form-data"  method="post" target="uploadf">
  42.                          <div>
  43.                             <label>上传文件:</label>
  44.                             <div>
  45.                                 <input type="file"  name="file" style="width:550">
  46.                             </div>  
  47.  
  48.                             <label id="fff"></label>
  49.                             <div>
  50.                                 <div style="width:50%">
  51.                                     <div  id = 'proBar'></div>
  52.                                 </div>
  53.                             </div>
  54.                         </div>
  55.                          <div >
  56.                             <div >
  57.                             <button type="button" id="subbut" >submit</button>
  58.                             </div>
  59.                         </div>
  60.     </form>
  61.     <iframe name="uploadf" style="display:none"></iframe>
  62. </body>
  63. </html>

这里注意需要引入js和css,如果需要更换进度条的样式,可以引入其他的css(如bootstarp等)

3.后台的实现

  1. import java.io.File;
  2. import java.util.Iterator;
  3. import java.util.List;
  4. import javax.servlet.http.HttpServletRequest;
  5. import javax.servlet.http.HttpServletResponse;
  6. import javax.servlet.http.HttpSession;
  7. import org.apache.commons.fileupload.FileItem;
  8. import org.apache.commons.fileupload.FileItemFactory;
  9. import org.apache.commons.fileupload.ProgressListener;
  10. import org.apache.commons.fileupload.disk.DiskFileItemFactory;
  11. import org.apache.commons.fileupload.servlet.ServletFileUpload;
  12. import org.apache.log4j.Logger;
  13. import org.springframework.stereotype.Controller;
  14. import org.springframework.web.bind.annotation.RequestMapping;
  15. import org.springframework.web.bind.annotation.RequestMethod;
  16. import org.springframework.web.bind.annotation.ResponseBody;
  17. import org.springframework.web.servlet.ModelAndView;
  18. @Controller
  19. @RequestMapping("/test")
  20. public class FileUploadController {
  21.  
  22.     private final    Logger log = Logger.getLogger(FileUploadController.class);  
  23.  
  24.     /**
  25.      * upload  上传文件
  26.      */
  27.     @RequestMapping(value = "/testbar.action", method = RequestMethod.POST)
  28.     public ModelAndView upload(HttpServletRequest request,HttpServletResponse response) throws Exception {
  29.         final HttpSession hs = request.getSession();
  30.         ModelAndView mv = new ModelAndView();
  31.         boolean isMultipart = ServletFileUpload.isMultipartContent(request);
  32.         if(!isMultipart){
  33.             return mv;
  34.         }
  35.         // Create a factory for disk-based file items
  36.         FileItemFactory factory = new DiskFileItemFactory();  
  37.  
  38.         // Create a new file upload handler
  39.         ServletFileUpload upload = new ServletFileUpload(factory);
  40.         //解决上传文件名的中文乱码
  41.         upload.setHeaderEncoding("UTF-8"); 
  42.  
  43.         upload.setProgressListener(new ProgressListener(){
  44.                public void update(long pBytesRead, long pContentLength, int pItems) {
  45.                    ProcessInfo pri = new ProcessInfo();
  46.                    pri.itemNum = pItems;
  47.                    pri.readSize = pBytesRead;
  48.                    pri.totalSize = pContentLength;
  49.                    pri.show = pBytesRead+"/"+pContentLength+" byte";
  50.                    pri.rate = Math.round(new Float(pBytesRead) / new Float(pContentLength)*100);
  51.                    hs.setAttribute("proInfo", pri);
  52.                }
  53.             });
  54.         //     Parse the request
  55.         List items = upload.parseRequest(request);
  56.       //   Process the uploaded items
  57.       Iterator iter = items.iterator();
  58.       while (iter.hasNext()) {
  59.           FileItem item = (FileItem) iter.next();
  60.           if (item.isFormField()) {
  61.               String name = item.getFieldName();
  62.               String value = item.getString("utf-8");
  63.               System.out.println("this is common feild!"+name+"="+value);
  64.           } else {
  65.               System.out.println("this is file feild!");
  66.                String fieldName = item.getFieldName();
  67.                   String fileName = item.getName().substring(item.getName().lastIndexOf("\\")+1);;
  68.                   String contentType = item.getContentType();
  69.                   boolean isInMemory = item.isInMemory();
  70.                   long sizeInBytes = item.getSize();
  71.                   File uploadedFile = new File("c://"+fileName);
  72.                   item.write(uploadedFile);  
  73.  
  74.           }
  75.       }  
  76.  
  77.         return mv;
  78.     }  
  79.  
  80.     /**
  81.      * process 获取进度
  82.      */
  83.     @RequestMapping(value = "/process.action", method = RequestMethod.GET)
  84.     public @ResponseBody Object process(HttpServletRequest request,HttpServletResponse response) throws Exception {
  85.         return ( ProcessInfo)request.getSession().getAttribute("proInfo");
  86.     }
  87.     //精度条pojo
  88.     class ProcessInfo{
  89.         public long totalSize = 1;
  90.         public long readSize = 0;
  91.         public String show = "";
  92.         public int itemNum = 0;
  93.         public int rate = 0;
  94.     }
  95. }

aaarticlea/png;base64,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" alt="" />

4.SpringMVC中servletFileUpload.parseRequest(request)解析为空获取不到数据问题

问题产生的原因

先看一下springmvc中上传的配置

  1.   <bean id="multipartResolver"  class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
  2.             <property name="defaultEncoding" value="UTF-8" />
  3.             <property name="maxUploadSize" value="2000000000" />
  4.   </bean>

再看看controller中使用

方式一

  1.  public void upload2(HttpServletRequest request) {
  2.             // 转型为MultipartHttpRequest
  3.             try {
  4.                 MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
  5.                 List<MultipartFile> fileList = multipartRequest.getFiles("file");
  6.                 for (MultipartFile mf : fileList) {
  7.                     if(!mf.isEmpty()){  
  8.  
  9.                     }
  10.                 }
  11.             } catch (Exception e) {
  12.                 e.printStackTrace();
  13.             }  
  14.  
  15.         }

方式二

  1.  public String upload(HttpServletRequest request,
  2.                 @RequestParam(value = "file") MultipartFile[] files) {
  3.             try {
  4.                 for (MultipartFile mf : files) {
  5.                     if(!mf.isEmpty()){  
  6.  
  7.                     }
  8.                 }  
  9.  
  10.             } catch (Exception e) {
  11.                 e.printStackTrace();
  12.             }
  13.             return "upload";
  14.         }

这里springMVC 都为我们封装好成自己的文件对象了,转换的过程就在我们所配置的CommonsMultipartResolver这个转换器里面.他的转换器里面就是调用common-fileupload的方式解析,然后再使用parseFileItems()方法封装成自己的文件对象.大家应该发现了上面的这句代码,已经使用过fileUpload解析过request了,你在Controller里面接收到的request都已经是解析过的,你再次使用upload进行解析获取到的肯定是空,这个就是问题的所在

解决方式一(以上案例就是用此解决方法)

1.删除mvc里面上传的配置

  1. <!--         <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> -->
  2. <!--          指定所上传文件的总大小不能超过200KB。注意maxUploadSize属性的限制不是针对单个文件，而是所有文件的容量之和 -->
  3. <!--         <property name="maxUploadSize" value="200000"/>   -->
  4. <!--         </bean> -->

2.在控制器里面自己完成request的解析(当然上面spring MVC提供的两种方法是不能用的,所有上传的地方都需要自己做处理)

  1. public void upload3(HttpServletRequest request) {
  2.             DiskFileItemFactory factory = new DiskFileItemFactory();
  3.             ServletFileUpload upload = new ServletFileUpload(factory);
  4.             try {
  5.                 List<FileItem> list = upload.parseRequest(request);
  6.                 for(FileItem item : list){
  7.                     if(item.isFormField()){  
  8.  
  9.                     }else{
  10.                         //item.write(new File(""));
  11.                     }
  12.                 }
  13.             } catch (FileUploadException e) {
  14.                 e.printStackTrace();
  15.             }  
  16.  
  17.         }

解决方式二(重写listener)

1.创建状态pojo

  1. public class Progress {
  2.  
  3.      public long totalSize = 1;
  4.      public long readSize = 0;
  5.      public String show = "";
  6.      public int itemNum = 0;
  7.      public int rate = 0;
  8.  
  9.     public void setTotalSize(long totalSize) {
  10.         this.totalSize = totalSize;
  11.     }
  12.  
  13.     public void setReadSize(long readSize) {
  14.         this.readSize = readSize;
  15.     }
  16.     public String getShow() {
  17.         return readSize+"/"+totalSize+" byte";
  18.     }
  19.  
  20.     public int getItemNum() {
  21.         return itemNum;
  22.     }
  23.     public void setItemNum(int itemNum) {
  24.         this.itemNum = itemNum;
  25.     }
  26.     public int getRate() {
  27.         return Math.round(new Float(readSize) / new Float(totalSize)*100);
  28.     }
  29. }

2.写自己的listener

  1. import javax.servlet.http.HttpSession;
  2.  
  3. import org.apache.commons.fileupload.ProgressListener;
  4.  
  5. public class FileUploadListener implements ProgressListener{
  6.  
  7.         private HttpSession session;  
  8.  
  9.         public void setSession(HttpSession session){
  10.             this.session=session;
  11.             Progress status = new Progress();
  12.             session.setAttribute("status", status);
  13.         }  
  14.  
  15.         /*
  16.          * pBytesRead 到目前为止读取文件的比特数 pContentLength 文件总大小 pItems 目前正在读取第几个文件
  17.          */
  18.         public void update(long pBytesRead, long pContentLength, int pItems) {
  19.             Progress status = (Progress) session.getAttribute("status");
  20.             status.setReadSize(pBytesRead);
  21.             status.setTotalSize(pContentLength);
  22.             status.setItemNum(pItems);
  23.         } 
  24.  
  25. }

3.写自己的resolver

  1. public class CommonsMultipartResolverExt extends CommonsMultipartResolver{
  2.  
  3.      @Override
  4.         protected MultipartParsingResult parseRequest(HttpServletRequest request)
  5.                 throws MultipartException {
  6.             FileUploadListener listener = new FileUploadListener();
  7.             listener.setSession(request.getSession());
  8.             String encoding = determineEncoding(request);
  9.             FileUpload fileUpload = prepareFileUpload(encoding);
  10.             fileUpload.setProgressListener(listener);
  11.             try {
  12.                 List<FileItem> fileItems = ((ServletFileUpload) fileUpload).parseRequest(request);
  13.                 return parseFileItems(fileItems, encoding);
  14.             }
  15.             catch (FileUploadBase.SizeLimitExceededException ex) {
  16.                 throw new MaxUploadSizeExceededException(fileUpload.getSizeMax(), ex);
  17.             }
  18.             catch (FileUploadException ex) {
  19.                 throw new MultipartException("Could not parse multipart servlet request", ex);
  20.             }
  21.         }
  22. }

4.配置上传resolver

  1.     <bean id="multipartResolver" class="com.fyh.www.common.CommonsMultipartResolverExt"></bean>

5.测试

  1. @Controller
  2. @RequestMapping("/test2")
  3. public class FileUploadController2 {
  4.  
  5.     private final    Logger log = Logger.getLogger(FileUploadController2.class);  
  6.  
  7.     /**
  8.      * upload  上传文件
  9.      */
  10.     @RequestMapping(value = "/testbar.action", method = RequestMethod.POST)
  11.     public ModelAndView upload(HttpServletRequest request,HttpServletResponse response) throws Exception {
  12.         ModelAndView mv = new ModelAndView();
  13.         MultipartHttpServletRequest multipartRequest=(MultipartHttpServletRequest) request;
  14.         MultipartFile file = multipartRequest.getFile("file");
  15.  
  16.         InputStream inputStream = file.getInputStream();
  17.  
  18.         FileUtils.copyInputStreamToFile(inputStream, new File("e://"+file.getOriginalFilename()));
  19.  
  20.         return mv;
  21.     }  
  22.  
  23.     /**
  24.      * process 获取进度
  25.      */
  26.     @RequestMapping(value = "/process.action", method = RequestMethod.GET)
  27.     public @ResponseBody Object process(HttpServletRequest request,HttpServletResponse response) throws Exception {
  28.         return ( Progress)request.getSession().getAttribute("status");
  29.     }   
  30.  
  31. }

此方案在获取监控进度的同时并不因影响mvc原有上传方法的使用

解决方式三(需要用到进度条的上传时,写独立的servlet,servlet+apache uploadfile  与springmvc互不干预)不建议用此方法

commons-fileupload实现上传进度条的显示的更多相关文章

  1. Java 单文件、多文件上传 / 实现上传进度条

    博客地址:https://ainyi.com/76 日常,工作 在这里总结一下上传吧(是以前做过的练习,就汇总到个人博客吧) java ssm 框架实现文件上传 实现:单文件上传.多文件上传(单选和多 ...

  2. jQuery文件上传插件jQuery Upload File 有上传进度条

    jQuery文件上传插件jQuery Upload File 有上传进度条 jQuery文件上传插件jQuery Upload File,插件使用简单,支持单文件和多文件上传,支持文件拖拽上传,有进度 ...

  3. HTML5矢量实现文件上传进度条

    在HTML中,在文件上传的过程中,很多情况都是没有任何的提示,这在体验上很不好,用户都不知道到时有没有在上传.上传成功了没有,所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件 ...

  4. 基于HT for Web矢量实现HTML5文件上传进度条

    在HTML中,在文件上传的过程中,很多情况都是没有任何的提示,这在体验上很不好,用户都不知道到时有没有在上传.上传成功了没有,所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件 ...

  5. PHP中使用Session配合Javascript实现文件上传进度条功能

    Web应用中常需要提供文件上传的功能.典型的场景包括用户头像上传.相册图片上传等.当需要上传的文件比较大的时候,提供一个显示上传进度的进度条就很有必要了. 在PHP .4以前,实现这样的进度条并不容易 ...

  6. iOS_文件上传进度条的实现思路-AFNettworking

    iOS_文件上传进度条的实现思路-AFNettworking //要上传的文件名,在这里我使用当前日期做为文件的名称 NSString * fileName =[NSString stringWith ...

  7. asp.net文件上传进度条研究

    文章:asp.net 文件上传进度条实现代码

  8. ajax上传进度条

    <script type="text/javascript"> function register(){ var frm = document.getElementBy ...

  9. Layui多文件上传进度条

    Layui原生upload模块不支持文件上传进度条显示,百度,谷歌找了一下不太适用.后面找到一个别人修改好的JS,替换上去,修改一下页面显示即可使用,一下是部分代码 HTML: <div cla ...

随机推荐

  1. 获取一个表单字段中多条数据并转化为json格式

    如图需要获取下面两个li标签里面的数据,然后传给后台:而后台接收的数据格式是json的,所以需要把两个li里面的信息转化为以下格式的. {recieverName:小红,recieverPhone:1 ...

  2. HDU 1114 Piggy-Bank(完全背包模板题)

    完全背包模板题 #include<cstdio> #include<cstring> #include<algorithm> using namespace std ...

  3. ResultMap和ResultType在使用中的区别

    在使用mybatis进行数据库连接操作时对于SQL语句返回结果的处理通常有两种方式,一种就是resultType另一种就是resultMap,下面说下我对这两者的认识和理解 resultType:当使 ...

  4. visual studio开发工具的C#主流控件属性一览表

    visual studio开发工具的C#主流控件属性一览表 详细的介绍了各控制属性的详细中文介绍 C#控件及常用设计整理 1.窗体 1.常用属性 (1)Name属性:用来获取或设置窗体的名称,在应用程 ...

  5. 新linux系统上rz 与sz命令不可用

    使用命令进行安装:yum install lrzsz  即可使用

  6. bind函数的作用

    面向连接的网络应用程序分为客户端和服务器端.服务器端的执行流程一般为4步,客户端程序相对简单,一般需要两个步骤. 服务器端执行流程4步如下: (1)调用socket函数,建立一个套接字,该套接字用于接 ...

  7. netty8---自定义编码解码器

    package com.cn.codc; import org.jboss.netty.buffer.ChannelBuffer; import org.jboss.netty.channel.Cha ...

  8. JS正则表达式从入门到入土（10）—— 字符串对象方法

    字符串对象方法 search方法 String.prototype.search(reg) search方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,方法返回第一个匹配结果的 ...

  9. STC51几种简单的延时函数

    STC51几种简单的延时函数 ,* 延时子程序 * * * ********************************************************************** ...

  10. [BZOJ3124]直径

    Description 小Q最近学习了一些图论知识.根据课本,有如下定义.树:无回路且连通的无向图,每条边都有正整数的权值来表示其长度.如果一棵树有N个节点,可以证明其有且仅有N-1 条边. 路径:一 ...