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) { } } Mapmap2=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
本文URL:http://azwzsj.com/article/gooejg.html