springmvc+ajaxFileUpload上传文件(前后台彻底分离的情况下)

 1 <servlet>
 2       <servlet-name>mvc-dispatcher</servlet-name>
 3       <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
 4           <init-param>
 5            <param-name>contextConfigLocation</param-name>
 6            <param-value>/WEB-INF/configs/mvc-dispatcher-servlet.xml</param-value>
 7        </init-param>
 8       <load-on-startup>1</load-on-startup>
 9   </servlet>
10   <servlet-mapping>
11       <servlet-name>mvc-dispatcher</servlet-name>
12       <!-- mvc-dispatcher 拦截所有的请求 -->
13       <url-pattern>*.g</url-pattern>
14   </servlet-mapping>

  1 <?xml version="1.0" encoding="UTF-8"?>
  2 <beans xmlns="http://www.springframework.org/schema/beans" 
  3     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
  4     xmlns:p="http://www.springframework.org/schema/p" 
  5     xmlns:context="http://www.springframework.org/schema/context" 
  6     xmlns:mvc="http://www.springframework.org/schema/mvc"
  7     xmlns:tx="http://www.springframework.org/schema/tx"
  8     xmlns:aop="http://www.springframework.org/schema/aop"
  9     xsi:schemaLocation="  
 10         http://www.springframework.org/schema/beans 
 11         http://www.springframework.org/schema/beans/spring-beans.xsd 
 12         http://www.springframework.org/schema/context 
 13         http://www.springframework.org/schema/context/spring-context.xsd 
 14         http://www.springframework.org/schema/mvc
 15         http://www.springframework.org/schema/mvc/spring-mvc-3.2.xsd        
 16         http://www.springframework.org/schema/tx
 17         http://www.springframework.org/schema/tx/spring-tx.xsd
 18         http://www.springframework.org/schema/aop
 19         http://www.springframework.org/schema/aop/spring-aop.xsd">
 20 
 21 <!-- 激活
 22      @Required
 23      @Autowired,jsr250‘s
 24      @PostConstruct,
 25      @PreDestroy and @ Resource等标注
 26  -->
 27 <context:annotation-config />
 28 <!-- 
 29     DispatcherServlet上下文,只搜索@Controller标注的类,不搜索其他标注的类
 30  -->
 31 <context:component-scan base-package="com.test">
 32     <context:include-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
 33 </context:component-scan>
 34 
 35 <!-- 
 36     
 37     HandlerMapping无需配置,Spring MVC可以默认启动
 38  -->
 39  <!-- 
 40      扩充了注解驱动,可以将请求参数绑定到控制器参数
 41     启用基于annotation的handlerMapping.
 42   -->
 43 <!-- <mvc:annotation-driven /> -->
 44 <mvc:annotation-driven>
 45         <mvc:message-converters register-defaults="true">
 46             <bean class="org.springframework.http.converter.StringHttpMessageConverter">
 47                 <constructor-arg>
 48                     <bean class="java.nio.charset.Charset" factory-method="forName">
 49                         <constructor-arg value="UTF-8" />
 50                     </bean>
 51                 </constructor-arg>
 52             </bean>
 53         
 54             <bean class="org.springframework.http.converter.StringHttpMessageConverter">
 55             <!-- 控制RequestBody返回值乱码 -->
 56               <property name="supportedMediaTypes" value = "text/plain;charset=UTF-8" />
 57             </bean>
 58             
 59            </mvc:message-converters>
 60     </mvc:annotation-driven>
 61 <!-- 
 62     静态资源处理,css,js,imgs
 63  -->
 64 <mvc:resources location="/resources/" mapping="/resources/**"/>
 65 
 66 
 67 <!-- 视图解析器 -->
 68 <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
 69     <property name="viewClass" value="org.springframework.web.servlet.view.JstlView" />
 70     <property name="prefix" value="/WEB-INF/jsps/" />
 71     <property name="suffix" value=".jsp" />
 72 </bean>
 73 
 74 <!-- 配置上传文件代码,导入commons-fileupload-1.2.2.jar,commons-io-2.4.jar
 75     200*1024*1024即200M resolveLazily属性启用是为了推迟文件解析,以便捕获文件大小异常
 76  -->
 77 <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
 78     <!-- 上传的最大限制 -->
 79     <property name="maxUploadSize" value="209715200" />
 80     <!-- 默认编码 -->
 81     <property name="defaultEncoding" value="UTF-8" />
 82     <!-- 上传文件的解析 -->
 83     <property name="resolveLazily" value="true" />
 84 </bean>
 85 
 86 <!-- 整合json,导入jackson-core-asl-1.1.2.jar,jackson-mapper-asl-1.1.2.jar
 87     配置ViewResolver.
 88     可以用多个ViewResolver.使用order属性排序.InternalResourceViewResolver放在最后
 89  -->
 90 <bean class="org.springframework.web.servlet.view.ContentNegotiatingViewResolver">
 91     <property name="order" value="1" />
 92     <property name="mediaTypes">
 93         <map>
 94             <entry key="json" value="application/json" />
 95             <entry key="xml" value="application/xml" />
 96             <entry key="htm" value="text/html" />
 97         </map>
 98     </property>
 99     <property name="defaultViews">
100         <list>
101         <!-- JSON View -->
102             <bean class="org.springframework.web.servlet.view.json.MappingJacksonJsonView"></bean>
103         </list>
104     </property>
105     <property name="ignoreAcceptHeader" value="true" />
106 </bean>
107 </beans>

 1 @Controller  
 2 @RequestMapping(value = "/mvc") 
 3 public class UploadController {
　　　　/** 上传目录名*/  
    private static String uploadFolderName = "uploadFiles";  
  
    /** 允许上传的扩展名*/  
    private static String [] extensionPermit = {"txt","jpg","xls","zip"};

 4       /**
 5      * 上传文件
 6      * @param file
 7      * @return
 8      * @throws IOException
 9      */
10     @RequestMapping(value="/upload",method=RequestMethod.POST)
11     public String doUploadFile(@RequestParam("file") MultipartFile file) throws IOException{
12         if(!file.isEmpty()){
13             System.out.println("提示:"+file.getOriginalFilename());
14             FileUtils.copyInputStreamToFile(file.getInputStream(), new File("d:\\upload\\",System.currentTimeMillis()+file.getOriginalFilename()));
15         }
16         return "success";
17     }
18 }

@Controller  
@RequestMapping(value = "/mvc") 
public class UploadController {  
　　/** 上传目录名*/  
    private static final String uploadFolderName = "uploadFiles";  
  
    /** 允许上传的扩展名*/
    private static String [] extensionPermit = {"txt","jpg","xls","zip"};

    @RequestMapping(value = "/upload", method = RequestMethod.POST)  
    public @ResponseBody String fileUpload(@RequestParam("file") CommonsMultipartFile file,   
            HttpSession session, HttpServletRequest request, HttpServletResponse response) throws Exception{  
        String curProjectPath = session.getServletContext().getRealPath("/");  
        String saveDirectoryPath = curProjectPath + "/" + uploadFolderName;  
        File saveDirectory = new File(saveDirectoryPath);  
        logger.debug("Project real path [" + saveDirectory.getAbsolutePath() + "]");  
  
        // 判断文件是否存在  
        if (!file.isEmpty()) {  
            String fileName = file.getOriginalFilename();  
            String fileExtension = FilenameUtils.getExtension(fileName);   
            if(!Arrays.asList(extensionPermit).contains(fileExtension)){
                throw new Exception("No Support extension.");  
            }             
            FileUtils.copyInputStreamToFile(file.getInputStream(), new File(saveDirectoryPath,System.currentTimeMillis()+file.getOriginalFilename()));
        }  
        logger.info("UploadController#fileUpload() end");   
       return "{‘status‘:200,‘msg‘:‘上传成功‘}";
       
    }
}

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>上传页面三</title>
<script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="static/js/ajaxfileupload.js"></script>
</head>

<body>
    <h2>JQuery ajaxfileupload文件上传</h2>
    <div id="loading" style="display: none;">正在上传.....</div>
    用户信息：
    <br /> 姓名：
    <input id="name" name="name" type="text">
    <br /> 附件：
    <input id="fileToUpload" name="file" type="file" class="input">
    <br />
    <input type="button" onclick="ajaxFileUpload()" value="上传">
    <br />

    <script type="text/javascript">
        function ajaxFileUpload() {
            $(‘#loading‘).show();
            $.ajaxFileUpload({
                url : ‘mvc/upload.g‘,
                secureuri : false,
                fileElementId : ‘fileToUpload‘,
                dataType : ‘json‘,//此时指定的是后台需要返回json字符串,前端自己解析,可以注释掉.后台直接返回map
                data : {
                    name : $(‘#name‘).val()
                },
                success : function(data, status) {
                    alert("success");
                    console.log(data);
                    $(‘#loading‘).hide();
                },
                error : function(data, status, e) {
                    $(‘#loading‘).hide();
                    //这里处理的是网络异常，返回参数解析异常，DOM操作异常  
                    alert("上传发生异常");
                }
            })
        }
    </script>
</body>
</html>