(文件)图片上传,Spring或SpringMVC框架
来源:互联网 发布:mac u盘装系统win7 编辑:程序博客网 时间:2024/06/05 19:22
spring或springMVC框架图片(文件)上传
页面部分,用一个简单的form表单提交文件,将图片或文件提交到服务端。一个输入框,用于输入图片的最终名称,一个file文件选择,用于选择图片。
页面代码如下:
js部分,发送一个ajax请求,先检查名称是否重复。没有重复才设置form的action,然后提交表单。代码如下:
最后是后台代码,解释都放在注释里,更便于观看。
页面部分,用一个简单的form表单提交文件,将图片或文件提交到服务端。一个输入框,用于输入图片的最终名称,一个file文件选择,用于选择图片。
页面代码如下:
<form id="form1" ><table style="width:100%;border:0;"> <tr><th style="width:35;text-align: center;" class="must">图片名称:</th><td><input id="imgName" style="width:150px;" name="imagePath" verify="true" mustFill="true" maxlength="100" /></td></tr><tr id="fileSelect"><th></th><td><input type="file" name="file" id="doc" style="width:150px;" onchange="javascript:setImagePreview(this);"></td> </table></form>
js部分,发送一个ajax请求,先检查名称是否重复。没有重复才设置form的action,然后提交表单。代码如下:
//发送检查名称是否重复的后台函数的请求,可以忽略 $.ajax({url:"<%=contextPath%>/imageUploadController/imageExistCheck",type:'POST',dataType:'json',data:data ,success:function(msg){ if(msg.result==false&&$("#saveOrUpdata").val()!="1"){ alert("名称重复,请修改名称");return 0; }else{//没重复或者要修改//下面这个if用于验证表单必填项是否都填了,忽略。 if(Common.verify($("#createForm"))){//设置form的action$('#form1').attr('action', '<%=contextPath%>/imageUploadController/imageUpload');$("#form1").submit();} } },error:function(xhr){alert('错误\n'+xhr.result);}});return false;});
最后是后台代码,解释都放在注释里,更便于观看。
@RequestMapping(value="/imageUpload",method=RequestMethod.POST)public String upLoadImage(FireEquipmentInfo fireEquipmentInfo,HttpServletRequest req){ //转化request MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) req; MultipartFile multipartFile = multipartRequest.getFile("file"); //获取原文件名 String fileName = multipartFile.getOriginalFilename(); //获取原名后缀 String fileEnd = fileName.substring(fileName.lastIndexOf(".")+1).toLowerCase(); String realName =null; //获取项目根目录 String imagePath=req.getSession().getServletContext().getRealPath("/"); String imageName=null; imageName=RequestUtil.getStringParameter(req, "imagePath"); //拼接路径和最终名 imagePath+="img/login/"; realName=imageName+ "." + fileEnd; try {//实例化一个fileFile file = new File(imagePath);//创建路径if(!file.exists())file.mkdirs(); //创建文件 file=new File(imagePath+"/"+realName); file = new File(imagePath,realName); //文件存储 multipartFile.transferTo(file); } catch (Exception e) {req.setAttribute("msg", e.getMessage());}
阅读全文
0 0
- (文件)图片上传,Spring或SpringMVC框架
- springmvc上传文件(图片)
- springmvc上传图片文件
- 文件或图片上传
- springMVC框架-图片上传接口
- SpringMVC文件(图片)上传,下载
- AFNetworking框架_上传文件或图片到服务器
- AFNetworking框架_上传文件或图片…
- Spring SpringMVC文件上传错误(一)
- Spring SpringMVC文件上传错误(二)
- springMVC框架的文件上传
- SpringMVC框架之文件上传
- spring框架上传文件
- SpringMVC的图片(文件)上传
- SpringMVC之图片(文件)上传
- Springmvc,Spring MVC文件上传
- Spring SpringMVC文件上传错误
- spring springmvc实现文件上传
- 个人经济宏观
- 安卓studio编译ndk报错
- vs2010+win7(64)无法链接glew的解决办法
- 项目中已经引用的包还是找不到
- jQuery SuperSlide
- (文件)图片上传,Spring或SpringMVC框架
- elasticsearch 安装bigdesk插件
- android设计,图标等概述
- CSDN博客代码显示不全怎么办?
- 【测试左移专栏】QQ浏览器测试左移实践
- phalcon2.0 dll 下载
- 网站大全
- 找网站
- form表单在前台转json对象