快捷導(dǎo)航

SpringMVC使用MultipartFile 實(shí)現(xiàn)異步上傳方法介紹

更新時(shí)間：2017年09月28日 09:41:25 作者：foolishAndStupid

這篇文章主要介紹了SpringMVC使用MultipartFile 實(shí)現(xiàn)異步上傳方法介紹，涉及pom依賴的添加，配置文件的修改等具體操作代碼，需要的朋友可以了解下。

目的是實(shí)現(xiàn)異步上傳

1.添加pom依賴

添加pom依賴，因?yàn)橛玫腶jax，數(shù)據(jù)需要轉(zhuǎn)成json的格式進(jìn)行傳輸，所以還有加入一個(gè)JSON jar包：

<dependency>
      <groupId>commons-fileupload</groupId>
      <artifactId>commons-fileupload</artifactId>
      <version>1.3.1</version>
    </dependency>
    <dependency>
      <groupId>commons-logging</groupId>
      <artifactId>commons-logging</artifactId>
      <version>1.2</version>
    </dependency>
    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>fastjson</artifactId>
      <version>1.1.37</version>
    </dependency>

2.修改配置文件

applicationContext.xml里面需要加上:

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

3.前端頁面上

前端頁面：

<form id="uploadForm" name="uploadForm"
    enctype="multipart/form-data">
<input name="messageContent" value="多個(gè)參數(shù)的情況下">
      <label>文件</label> <input type="file" name="file">
      <button class="btn" type="button" id="doSave">提交</button>
  </form>
</body>
</html>

需要加入的JS：

<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> 
<script type="text/javascript" src="js/jquery-ui.min.js"></script> 
<script type="text/javascript" src="js/jquery.form.js"></script>

JS方法：

<script>
  $(function() {
    $("#doSave")
        .click(
            function() {
              $("#uploadForm")
                  .ajaxSubmit(
                      {
                type : 'post',
                url : "/tmpInfo/method2.do",
    //data: //注意只要是寫在表單里面的，都不需要加這個(gè)屬性。在controller中可以根據(jù)@RequestParam String str獲取到屬性值。  
  contentType : "application/x-www-form-urlencoded; charset=utf-8",
    success: function(data) {
         //接受到的data還只是一個(gè)字符串，需要轉(zhuǎn)成json對(duì)象
         var obj = JSON.parse(data);
         if(obj.flag==true){
          alert("上傳成功");
       }else{
         alert("error");
       }
        },
        error: function (data)//服務(wù)器響應(yīng)失敗處理函數(shù)
        {
          alert("出錯(cuò)");
        } 
       });
  });
  });

controller代碼：

 @RequestMapping("/method2") 
    @ResponseBody
    public String method2(@RequestParam MultipartFile file,
        @RequestParam String messageContent ) { 
        //多個(gè)參數(shù)的話只要多個(gè)@RequestParam即可，注意參數(shù)名要和表單里面的屬性名一致
     JSONObject json =new JSONObject();
     System.out.println(messageContent);
      String orgiginalFileName = ""; 
      int m =new Random().nextInt(100)+10;
      System.out.println("m="+m);
      String path="D:/"+m+"b.txt";
      try { 
        File newFile =new File(path);
        file.transferTo(newFile);
        String fileName = file.getName(); 
        InputStream inputStream = file.getInputStream(); 
        String content = file.getContentType(); 
        orgiginalFileName = file.getOriginalFilename(); 
        System.out.println("fileName: "+fileName+", inputStream: "+ inputStream 
              +"\r\n content: "+content+", orgiginalFileName: ="+ orgiginalFileName 
              +"\r\n projectName: ");   
      } catch (IOException e) { 
        e.printStackTrace(); 
      } 
      json.put("flag", true);
      json.put("message", "success");
      System.out.println(json.toJSONString());
      return json.toJSONString(); 
    }

以上就是分享給大家的關(guān)于SpringMVC使用MultipartFile 實(shí)現(xiàn)異步上傳方法介紹的全部?jī)?nèi)容，希望對(duì)大家有所幫助。歡迎大家瀏覽本站其他專題，有什么疑問或者建議可以隨時(shí)留言，小編會(huì)及時(shí)回復(fù)大家的。希望大家對(duì)腳本之家網(wǎng)站多多支持！

您可能感興趣的文章: