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保持一致
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值