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保持一致
前端技术使用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保持一致
相关文章推荐
- springmvc文件上传下载简单实现案例(ssm框架使用)
- java实现简单文件复制(文件上传)以及springMVC中上传文件方式
- springmvc文件上传下载简单实现案例(ssm框架使用)
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- springmvc文件上传下载简单实现案例(ssm框架使用)
- 一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
- 一个简单的jQuery插件ajaxfileuplo 4000 ad实现ajax上传文件例子
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- springmvc文件上传下载简单实现案例(ssm框架使用)
- 基于Springmvc实现简单的一次选中多个文件上传
- springmvc框架的搭建以及实现简单的文件上传
- SpringMvc(注解)上传文件的简单例子
- 一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- SpringMVC框架简单实现上传Excel文件,并将Excel中的数据导入mySQL数据库
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- 转:一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- SpringMVC简单实现上传Excel文件,并将Excel中的数据导入数据库