這篇文章主要介紹springmvc+ajax+formdata如何實現(xiàn)上傳圖片，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都一家集口碑和實力的網(wǎng)站建設(shè)服務(wù)商，擁有專業(yè)的企業(yè)建站團隊和靠譜的建站技術(shù)，10年企業(yè)及個人網(wǎng)站建設(shè)經(jīng)驗 ,為成都上千余家客戶提供網(wǎng)頁設(shè)計制作,網(wǎng)站開發(fā),企業(yè)網(wǎng)站制作建設(shè)等服務(wù),包括成都營銷型網(wǎng)站建設(shè)，成都品牌網(wǎng)站建設(shè)，同時也為不同行業(yè)的客戶提供網(wǎng)站設(shè)計制作、網(wǎng)站設(shè)計的服務(wù),包括成都電商型網(wǎng)站制作建設(shè),裝修行業(yè)網(wǎng)站制作建設(shè)，傳統(tǒng)機械行業(yè)網(wǎng)站建設(shè),傳統(tǒng)農(nóng)業(yè)行業(yè)網(wǎng)站制作建設(shè)。在成都做網(wǎng)站,選網(wǎng)站制作建設(shè)服務(wù)商就選創(chuàng)新互聯(lián)建站。

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

2、jsp代碼

需要注意的是，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 filelist = multipartRequest.getFiles("pic");
    for(MultipartFile file:filelist){
      if(!file.isEmpty()){
        System.out.println(file.getOriginalFilename());
      }
    }
    return resultTo;
  }

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

以上是“springmvc+ajax+formdata如何實現(xiàn)上傳圖片”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！