layui如何实现图片上传+表单提交+SpringMVC
这篇文章主要介绍了layui如何实现图片上传+表单提交+ Spring MVC,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
成都创新互联-专业网站定制、快速模板网站建设、高性价比酒泉网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式酒泉网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖酒泉地区。费用合理售后完善,10余年实体公司更值得信赖。
1.前端HTML:
点击上传图片,或将图片拖拽到此处
![]()
2.前端js:
3.页面展示:



4.后台SpringMVC 接受:
/**
* 个人信息上传
* @return {Result}
*/
@RequestMapping(value = "/upload/headImg", method = {RequestMethod.POST})
@ResponseBody
public Object headImg(@RequestParam(value="file",required=false) MultipartFile file, HttpServletRequest request, HttpServletResponse response) throws Exception {
if (SecurityUtils.getSubject().isAuthenticated() == false) {
return "redirect:/backEnd/login";
}
String prefix="";
String dateStr="";
//保存上传
OutputStream out = null;
InputStream fileInput=null;
try{
if(file!=null){
String originalName = file.getOriginalFilename();
prefix=originalName.substring(originalName.lastIndexOf(".")+1);
dateStr = format.format(new Date());
String filepath = request.getServletContext().getRealPath("/static") + uploadDir + dateStr + "." + prefix;
filepath = filepath.replace("\\", "/");
File files=new File(filepath);
//打印查看上传路径
System.out.println(filepath);
if(!files.getParentFile().exists()){
files.getParentFile().mkdirs();
}
file.transferTo(files);
}
}catch (Exception e){
}finally{
try {
if(out!=null){
out.close();
}
if(fileInput!=null){
fileInput.close();
}
} catch (IOException e) {
}
}
Map map2=new HashMap<>();
Map map=new HashMap<>();
map.put("code",0);
map.put("msg","");
map.put("data",map2);
map2.put("src","../../../static"+uploadDir + dateStr + "." + prefix);
return map;
} 感谢你能够认真阅读完这篇文章,希望小编分享的“layui如何实现图片上传+表单提交+ Spring MVC”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!
名称栏目:layui如何实现图片上传+表单提交+SpringMVC
新闻来源:http://www.jxjierui.cn/article/gooejg.html


咨询
建站咨询
