【SpringMVC整合MyBatis】springmvc上传图片

上传图片

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

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

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

在springmvc.xml中配置multipart类型解析器。

<!-- 文件上传 --><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标签对中添加)：

<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下去查)

注意：在图片虚拟目录 中，一定将图片目录分级创建（提高i/o性能），一般我们采用按日期(年、月、日)进行分级创建。

5.上传图片代码
5.1页面

<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方法：

//商品信息修改提交//在需要校验的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";}

测试:

在硬盘中:

在数据库中:

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

转载请注明出处：http://blog.csdn.net/acmman/article/details/47656831