【SpringMVC注解开发】上传图片---SpringMVC学习笔记九）

上传图片

1.需求
在修改商品页面，添加上传商品图片功能。

2.springmvc中对多部件类型解析

在页面form中提交enctype="multipart/form-data"的数据时，需要springmvc对multipart类型的数据进行解析。

在springmvc.xml中配置multipart类型解析器。
[html] view plain copy<!-- 文件上传 -->  
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">  
    <!-- 设置上传文件的最大尺寸为5MB -->  
    <property name="maxUploadSize">  
        <value>5242880</value>  
    </property>  
</bean>  

注:在电商企业开发的时候，是需要单独建立图片服务器的，这里我们仅仅在tomcat服务器的本工厂下使用一个文件夹来存放图片

3.加入上传图片的jar
上边的解析内部使用下边的jar进行图片上传。
commons-fileupload-1.2.2.jar
commons-io-2.4.jar

4.创建图片虚拟 目录 存储图片
通过图形界面配置：



也可以直接修改tomcat的配置：
在conf/server.xml文件，添加虚拟目录(注意是在最下方的Host标签对中添加)：
[html] view plain copy<Context docBase="F:\develop\upload\temp" path="/pic" reloadable="false"/>  

测试:我们在F:\develop\upload\temp下放置一个名为yuanchuanggongzuoshi.png的图片，重启服务器后直接访问http://localhost:8080/pic/yuanchuanggongzuoshi.png路径就可以直接看到图片，所以我们的配置是成功的。(以后我们上传数据往物理路径F:\develop\upload\temp下去上传，查看图片往/pic下去查)

注意：1在图片虚拟目录 中，一定将图片目录分级创建（提高i/o性能），一般我们采用按日期(年、月、日)进行分级创建。
            2如果是用idea去加载刚刚的地址,有可能会出现访问不到的现象(任意图片)



解决办法:将下面的勾打上



5.上传图片代码
5.1页面
[html] view plain copy<tr>  
    <td>商品图片</td>  
    <td>  
        <c:if test="${items.pic !=null}">  
            <img src="/pic/${items.pic}" width=100 height=100/>  
            <br/>  
        </c:if>  
        <input type="file"  name="items_pic"/>   
    </td>  
</tr>  
注意:"/pic"路径是绝对路径，不要加${pageContext.request.contextPath }/...

5.2controller方法
修改：商品修改controller方法：
[java] view plain copy//商品信息修改提交  
//在需要校验的pojo前边加@Validated，在需要校验的pojo后边添加BindingResult bindingResult接收校验出错信息  
//注意：@Validatedh和BindingResult bindingResult是配对出现，并且在形参中出现的顺序是固定的(一前一后)  
//value={ValidGroup1.class}指定使用ValidGroup1分组的校验  
//@ModelAttribute可以指定pojo回显到页面在request中的key  
@RequestMapping("/editItemsSubmit")  
public String editItemsSubmit(Model model,HttpServletRequest request,Integer id,@ModelAttribute("items") @Validated(value={ValidGroup1.class}) ItemsCustom itemsCustom,BindingResult bindingResult,MultipartFile items_pic/*接收商品图片*/ )throws Exception{  
          
    //获取校验错误信息  
    if(bindingResult.hasErrors()){  
        //输出错误信息  
        List<ObjectError> allErrors=bindingResult.getAllErrors();  
              
        for(ObjectError objectError:allErrors){  
            //输出错误信息  
            System.out.println(objectError.getDefaultMessage());  
        }  
              
        //将错误传到页面  
        model.addAttribute("allErrors",allErrors);  
              
        //可以直接使用model将提交pojo回显到页面  
        model.addAttribute("items",itemsCustom);  
              
        //出错之后要跳转的页面  
        return "items/editItems";  
    }  
          
    //上传的图片的原始名称  
    String originalFilename=items_pic.getOriginalFilename();  
          
    //上传图片  
    if(items_pic!=null&&originalFilename=null&&originalFilename.length()>0){  
              
        //存储图片的物理路径  
        String pic_path="F:\\develop\\upload\\temp\\";  
          
        //新的图片名称  
        String newFileName=UUID.randomUUID()+originalFilename.substring(originalFilename.lastIndexOf("."));  
              
        File newFile=new File(pic_path+newFileName);  
              
        //将内存中的数据写入磁盘  
        items_pic.transferTo(newFile);  
              
        //将新的图片名称写到itemsCustom中  
        itemsCustom.setPic(newFileName);  
    }  
          
    //调用service更新商品信息，页面需要将商品信息传到此方法  
    itemsService.updateItems(id, itemsCustom);  
  
    //重定向到商品的查询列表  
    return "redirect:queryItems.action";  
  
}  

测试:



在硬盘中:



在数据库中:



再次点击修改，就可以看到上次上传的图片了