轉自:http://wawxy2009.iteye.com/blog/2088426
前端技術使用Jquery Ajax File Uploader,下載地址:http://www.phpletter.com/DOWNLOAD/
這裏只實現一個最基本的例子
第一步:在頁面上添加文件上傳控件
- <input type="file" id="uFile" name="uFile" />
第二步:在頁面引入jQuery.js和ajaxfileupload.js
第三步:在頁面添加一個上傳按鈕,綁定onclick事件
- $.ajaxFileUpload({
- url:'/contextPath/action/xx.do',
- fileElementId:'uFile',
- success: function (data, status){
- alert(123);
- },
- error: function (data, status)
- {
- alert(456);
- }
- }
- );
第四部:後臺代碼
- @RequestMapping(value="/action/xx.do", method={RequestMethod.POST,RequestMethod.GET})
- public String uploadPhoto(@RequestParam MultipartFile uFile, HttpServletRequest request, HttpServletResponse response, ModelMap map){
- try{
- if(uFile != null && !uFile.isEmpty()){
- System.out.println("file:" + uFile.getOriginalFilename());
- }
- }catch(Exception e){
- e.printStackTrace();
- }
- return "";
- }
注意後臺的MultipartFile參數的參數名稱要與頁面上傳文件控件的name保持一致