您的位置:首页 > Web前端 > JQuery

SpringMVC实现jQueryAjax文件上传(简单的例子)

2014-07-30 14:53 736 查看
转自:http://wawxy2009.iteye.com/blog/2088426

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

这里只实现一个最基本的例子

第一步:在页面上添加文件上传控件

Java代码


<input type="file" id="uFile" name="uFile" />

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

第三步:在页面添加一个上传按钮,绑定onclick事件

Java代码


$.ajaxFileUpload({

url:'/contextPath/action/xx.do',

fileElementId:'uFile',

success: function (data, status){

alert(123);

},

error: function (data, status)

{

alert(456);

}

}

);

第四部:后台代码

Java代码


@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保持一致
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: