（文件）图片上传，Spring或SpringMVC框架

spring或springMVC框架图片（文件）上传



页面部分，用一个简单的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 {
				//实例化一个file
				File 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());
			}