欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

springmvc+ajax+formdata上傳圖片代碼實例

 更新時間:2019年09月02日 14:58:30   作者:厭世閻羅  
這篇文章主要介紹了springmvc+ajax+formdata上傳圖片代碼實例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

最近工作涉及到了上傳圖片的情況,在網(wǎng)上看了很多,就著重學習了下。上傳文件的方式有多種,這里對使用FormData的方式進行說明。

1、springmvc項目想要上傳文件,需要使用multipart方式,所以在spring-mvc.xml配置文件中需要增加multipart相關(guān)配置,代碼如下

<bean id="multipartResolver"
    class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
    <!-- one of the properties available; the maximum file size in bytes -->
    <property name="maxUploadSize" value="50000000"/>
  </bean>

2、jsp代碼

<form action="picUpload" method="post" enctype="multipart/form-data" id="fileForm">
  <input type="file" id="pic" name="pic" multiple><br><br>  
  <input type="text" id="id" name="id"><br><br>
  <input type="text" id="name" name="name"><br><br>
  <input type="button" value="上傳" onclick="morePicUpload()"> </form>

需要注意的是,form 的 enctype 值必須為 multipart/form-data,這樣才能在提交表單的時候傳遞文件數(shù)據(jù)。

如果要一次選擇多個文件,可以在file表單添加"multiple",這樣在選擇文件時可以一次選擇多個文件。

3、js代碼

function morePicUpload(){
  var formData = new FormData(document.getElementById("fileForm"));
  alert(0);
  $.ajax({
    url : basePath+"morePicUpload",
    type : "post",
    data :formData,
    async : false,
    cache : false,     dataType : "json",
    contentType : false,
    processData : false,
    success : function(data){
      //code
    }
  });
}

先創(chuàng)建formData,用來存放表單中的內(nèi)容,"fileForm"為jsp頁面中form的id。

4、最后的是controller,代碼如下

@RequestMapping("/morePicUpload")
  @ResponseBody
  public ResultTo morePicUpload(HttpServletRequest request){    
    ResultTo resultTo = new ResultTo();
    resultTo.setData("");    
    MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
        
    String id = multipartRequest.getParameter("id");
    String name = multipartRequest.getParameter("name");
    System.out.println(id);
    System.out.println(name);    
    List<MultipartFile> filelist = multipartRequest.getFiles("pic");
    for(MultipartFile file:filelist){
      if(!file.isEmpty()){
        System.out.println(file.getOriginalFilename());
      }
    }
    return resultTo;
  }

使用"MultipartHttpServletRequest"可以獲取form表單中的所有空間內(nèi)容,文件可以通過"List<MultipartFile> filelist = multipartRequest.getFiles("pic");"方式獲取,然后進行文件的上傳等操作就行了。

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • Java?Mybatis使用resultMap時,屬性賦值順序錯誤的巨坑

    Java?Mybatis使用resultMap時,屬性賦值順序錯誤的巨坑

    這篇文章主要介紹了Java?Mybatis使用resultMap時,屬性賦值順序錯誤的巨坑,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-01-01
  • Windows下Java+MyBatis框架+MySQL的開發(fā)環(huán)境搭建教程

    Windows下Java+MyBatis框架+MySQL的開發(fā)環(huán)境搭建教程

    這篇文章主要介紹了Windows下Java+MyBatis框架+MySQL的開發(fā)環(huán)境搭建教程,Mybatis對普通SQL語句的支持非常好,需要的朋友可以參考下
    2016-04-04
  • 如何解決java獲取時間相差8小時的問題

    如何解決java獲取時間相差8小時的問題

    最近使用new date()獲取的時間會和真實的本地時間相差8小時。本文就詳細的來介紹一下解決java獲取時間相差8小時的問題,感興趣的可以了解一下
    2021-09-09
  • java實現(xiàn)的小時鐘示例分享

    java實現(xiàn)的小時鐘示例分享

    這篇文章主要介紹了java實現(xiàn)的小時鐘示例,需要的朋友可以參考下
    2014-02-02
  • 異常排查記錄amqp協(xié)議鏈接陷阱

    異常排查記錄amqp協(xié)議鏈接陷阱

    這篇文章主要介紹了一次關(guān)于amqp協(xié)議鏈接陷阱-An?unexpected?connection?driver?error?occured的異常排查記錄,有需要的朋友可以借鑒參考下,希望能夠有所幫助
    2022-02-02
  • 如何基于LoadingCache實現(xiàn)Java本地緩存

    如何基于LoadingCache實現(xiàn)Java本地緩存

    這篇文章主要介紹了如何基于LoadingCache實現(xiàn)Java本地緩存,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2019-12-12
  • 淺談Java常見的排序算法

    淺談Java常見的排序算法

    今天給大家?guī)淼氖顷P(guān)于Java的相關(guān)知識,文章圍繞著Java常見的排序算法展開,文中有非常詳細的介紹及代碼示例,需要的朋友可以參考下
    2021-06-06
  • 利用java監(jiān)聽器實現(xiàn)在線人數(shù)統(tǒng)計

    利用java監(jiān)聽器實現(xiàn)在線人數(shù)統(tǒng)計

    過去使用ASP和ASP.NET兩種編程的時候,都寫過在線人數(shù)統(tǒng)計能,實現(xiàn)功能挺簡單的!今天使用java來實現(xiàn)在線人數(shù)統(tǒng)計有點另類,是通過Java監(jiān)聽器實現(xiàn)的,需要的朋友可以參考下
    2015-09-09
  • 解決Maven靜態(tài)資源過濾問題

    解決Maven靜態(tài)資源過濾問題

    在我們使用Maven構(gòu)建項目的時候,會默認過濾掉靜態(tài)資源,所以,需要手動來配置,本文就介紹一下Maven靜態(tài)資源過濾的問題解決,感興趣的可以了解一下
    2021-06-06
  • Spring中@PostConstruct的實現(xiàn)方法

    Spring中@PostConstruct的實現(xiàn)方法

    大多數(shù)java程序員都使用過@PostConstruct注解,它的作用就是在Bean初始化完成后執(zhí)行,相當于我們常說的init()方法,但是我們看@PostConstruct只有單單的一個注解,它到底是如何實現(xiàn)在Bean初始化完成后就被調(diào)用的呢,本文將詳細給大家介紹一下
    2023-06-06

最新評論