转自: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保持一致