SpringMVC實現jQueryAjax文件上傳(簡單的例子)

轉自:http://wawxy2009.iteye.com/blog/2088426

前端技術使用Jquery Ajax File Uploader,下載地址:http://www.phpletter.com/DOWNLOAD/ 


這裏只實現一個最基本的例子 

第一步:在頁面上添加文件上傳控件 

Java代碼  收藏代碼
  1. <input type="file" id="uFile" name="uFile" />  


第二步:在頁面引入jQuery.js和ajaxfileupload.js 

第三步:在頁面添加一個上傳按鈕,綁定onclick事件 

Java代碼  收藏代碼
  1. $.ajaxFileUpload({  
  2.            url:'/contextPath/action/xx.do',  
  3.            fileElementId:'uFile',  
  4.            success: function (data, status){  
  5.              alert(123);  
  6.            },  
  7.            error: function (data, status)  
  8.            {  
  9.               alert(456);  
  10.             }  
  11.               }  
  12.  );  


第四部:後臺代碼 

Java代碼  收藏代碼
  1. @RequestMapping(value="/action/xx.do", method={RequestMethod.POST,RequestMethod.GET})  
  2.     public String uploadPhoto(@RequestParam MultipartFile uFile, HttpServletRequest request, HttpServletResponse response, ModelMap map){  
  3.         try{  
  4.             if(uFile != null && !uFile.isEmpty()){  
  5.                 System.out.println("file:" + uFile.getOriginalFilename());  
  6.             }  
  7.         }catch(Exception e){  
  8.             e.printStackTrace();  
  9.         }  
  10.         return "";  
  11.     }  


注意後臺的MultipartFile參數的參數名稱要與頁面上傳文件控件的name保持一致
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章