ajax上传图片springmvc,springmvc ajax上传图片(jquery)
说明jquery ajax上传图片
springmvc接收并保存到本地,并拼装图片url,返回给前端
前端接收到url后,回显图片
注意:
jquery版本不能太低,最好1.10以上
html
function update(){
var formData = new FormData();
formData.append("image",$("#image")[0].files[0]);
$.ajax({
url:'goods/upload', /*接口域名地址*/
type:'post',
data: formData,
contentType: false,
processData: false,
success:function(res){
console.log(res.data);
if(res.code==0){
$("#img").attr('src',res.data.imageURL);
imageURL=res.data.dbURL;
}else{
alert(res.msg);
}
},
error:function (XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest);
alert(textStatus);
alert(errorThrown);
}
})
}
java@RestController
@RequestMapping("/mgr/goods")
public class MgrGoodsCtrl {
@PostMapping("/upload")
public JsonResult upload(MultipartFile image,HttpServletRequest req) {
JsonDataResult> jr=new JsonDataResult();
String oFilename=image.getOriginalFilename();
String suffix=oFilename.substring(oFilename.lastIndexOf("."));
String newFilename=UUIDTools.randomUUID()+suffix;
//前台页面回显图片的url
String imageURL=req.getContextPath()+"/"+Key.UPLOAD_FOLDER+"/"+newFilename;
//保存到数据库中的url,为了保证通用,根路径为Key.UPLOAD_FOLDER
String dbURL=Key.UPLOAD_FOLDER+"/"+newFilename;
String contexPath= req.getSession().getServletContext().getRealPath("/");
File file=new File(contexPath,"upload");
if(!file.exists()) {
file.mkdirs();
}
File filePath=new File(file,newFilename);
try {
image.transferTo(filePath);
jr.setCode(0);
Map map=new HashMap();
map.put("imageURL", imageURL);
map.put("dbURL", dbURL);
jr.setData(map);
} catch (FileNotFoundException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return jr;
}
}
ajax上传图片springmvc,springmvc ajax上传图片(jquery)相关推荐
- springMVC通过ajax传递参数list对象或传递数组对象到后台
springMVC通过ajax传递参数list对象或传递数组对象到后台 环境: 前台传递参数到后台 前台使用ajax 后台使用springMVC 传递的参数是N多个对象 JSON对象和JSON字符串 ...
- 原生ajax传值php,原生ajax上传图片,php后台处理总结
原生ajax上传图片,php后台处理总结 这篇文章发布于 2018/10/03,归类于 后端数据库等 标签: 原生ajax上传图片,php后台处理图片上传 开始做图片上传,发现之前的处理方式基本忘光了 ...
- SSM之SpringMVC 04 —— Ajax、拦截器、文件上传和下载
系列文章 SSM之SpringMVC 01 -- SpringMVC原理及概念.Hello SpringMVC 注解版和配置版 SSM之SpringMVC 02 -- Controller和RestF ...
- 【Spring】SpringMVC 使用 Ajax
1. 简介 Ajax = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页 ...
- c mvc ajax请求,springMVC的ajax请求
关于spring MVC 的ajax请求 今天在使用spring MVC 的时候遇到了一个ajax请求的问题. 我的后台方法是 @RequestMapping("/XXXX/{XXX}&qu ...
- 使用SpringMVC解决Ajax跨域问题
使用SpringMVC解决Ajax跨域问题 参考文章: (1)使用SpringMVC解决Ajax跨域问题 (2)https://www.cnblogs.com/mengyao/p/6294787.ht ...
- springmvc 接收 ajax 请求
转载自:https://www.cnblogs.com/oyx305/p/5220751.html 一.传json单值或对象 1.前端 1 var data = {'id':id,'name':nam ...
- ajax数据传送中文乱码,springmvc 发送ajax出现中文乱码的解决方法汇总
使用spingmvc,在JS里面通过ajax发送请求,并返回json格式的数据,从数据库拿出来是正确的中文格式,展示在页面上就是错误的??,研究了一下,有几种解决办法. 我使用的是sping-web- ...
- SpringMVC对Ajax请求的处理
SpringMVC对Ajax请求的处理 [1] 问题: 当浏览器发起一个ajax请求给服务器,服务器调用对应的单元方法处理ajax请求. 而ajax的请求在被处理完成后,其处理结果需要直接响应.而目前 ...
- springmvc中ajax请求406错误响应码
在使用前台发送ajax无参请求,后台使用springmvc接收时,出现了406的情况 后端代码如下: @RequestMapping("findAll") @ResponseBod ...
最新文章
- mysql jdbc 5.1.6_mysql5.0+Mysqljdbc5.1.6.jar的整合 | 學步園
- 【数学和算法】插值方法
- 运维角度浅谈MySQL数据库优化(转自:2018-03-10 李振良 JAVA高级架构)
- 漂亮的电脑倒计时软件_9款实用倒计时软件,统统送你了
- IBM希望其“裁剪”过的Swift能够引诱你使用BlueMix云
- 转:微服务设计、拆分原则
- python 遍历一个空列表
- [转]IDE之zend studio: zend studio8使用感受
- html文件如何添加到.net项目中中,如何在.NET中添加对mshtml版本9的引用
- CSS选取子标签元素:nth-child、first-child、last-child
- MATLAB点云重采样,PCL点云曲面重采样三种方法:上采样,下采样,均匀采样
- 分享一个WIN10可用的桌面图标栅栏管理插件Fences的破解版
- java ssm Vue高校奖学金管理系统毕业设计项目介绍
- 视觉十四讲:第九讲_BA优化_g2o
- 微服务架构 API 的开发与治理
- java程序调用时的调用规则,Java程序调用ILog规则出错
- 一文带你深入理解Redis中的底层数据结构,再也不怕不懂数据类型的底层了
- BZOJ3238 后缀自动机+推公式
- 白皮书《Leveraging Containers and OpenStack》(下)
- CP56time2a解码