SSM实现文件上传

一、配置虚拟目录

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/82840303

二、加入上传文件需要的jar包

https://download.csdn.net/download/badao_liumang_qizhi/10686450

将两个jar包放在lib下

三、配置上传解析器

在springmvc.xml中配置文件上传解析器

  

     <!-- 上传图片配置实现类 Id 必须为multipartResolver-->
        <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
         <!-- 上传图片的大小   B   5M  1*1024*1024*5-->
         <property name="maxUploadSize" value="5000000"/>
        </bean>

四、配置jsp页面

1.加入文件上传的input

<tr>
    <td>商品图片</td>
    <td>
     <c:if test="${item.pic !=null}">
      <img src="/img/${item.pic}" width=100 height=100/>
      <br/>
     </c:if>
     <input type="file"  name="pictureFile"/>
    </td>
   </tr>

2.设置表单支持文件上传

<formid="itemForm" action="${pageContext.request.contextPath }/updateitem.action" method="post" enctype="multipart/form-data">

五、配置图片上传的action


 

 //提交修改页面 入参  为 Items对象 
 @RequestMapping(value = "/updateitem.action")
 public String updateitem(QueryVo vo,MultipartFile pictureFile) throws Exception{

  //使用UUID生成上传的文件名
  String name = UUID.randomUUID().toString().replaceAll("-", "");
  //获取文件后缀名,FilenameUtils是commons.io下的。
  String ext = FilenameUtils.getExtension(pictureFile.getOriginalFilename());
  //transferto()方法,是springmvc封装的方法,用于图片上传时,把内存中图片写入磁盘
  //"E:\\upload\\image\\"此路径就是配置的虚拟路径的路径+照片名+点+照片后缀名
  pictureFile.transferTo(new File("E:\\upload\\image\\" + name + "." + ext));
  //将对应的照片名赋值给实体类的属性
  vo.getItems().setPic(name + "." + ext);
  //执行updadte方法,更新后重定向到编辑页面显示
  itemService.updateItemsById(vo.getItems());
  
//  ModelAndView mav = new ModelAndView();
//  mav.setViewName("success");
  return "redirect:/itemEdit.action?id=" + vo.getItems().getId();
//  return "forward:/item/itemlist.action";
  
 }

 

//去修改页面 入参 id
 @RequestMapping(value = "/itemEdit.action")
// public ModelAndView toEdit(@RequestParam(value = "id",required = false,defaultValue = "1") Integer idaaq,
 public ModelAndView toEdit(Integer id,
   HttpServletRequest request,HttpServletResponse response
   ,HttpSession session,Model model){ 
  //查询一个商品
//  Items items = itemService.selectItemsById(Integer.parseInt(id));
  Items items = itemService.selectItemsById(id);
  ModelAndView mav = new ModelAndView();
  //数据
  mav.addObject("item", items);
  mav.setViewName("editItem");
  return mav;
  
 }

六、跳到jsp页面

<!-- 上传图片是需要指定属性 enctype="multipart/form-data" -->
 <formid="itemForm" action="${pageContext.request.contextPath }/updateitem.action" method="post" enctype="multipart/form-data">
  <input type="hidden" name="items.id" value="${item.id }" /> 修改商品信息:
  <table width="100%" border=1>
   <tr>
    <td>商品名称</td>
    <td><input type="text" name="items.name" value="${item.name }" /></td>
   </tr>
   <tr>
    <td>商品价格</td>
    <td><input type="text" name="items.price" value="${item.price }" /></td>
   </tr>
   <tr>
    <td>商品图片</td>
    <td>
     <c:if test="${item.pic !=null}">
      <img src="/img/${item.pic}" width=100 height=100/>
      <br/>
     </c:if>
     <input type="file"  name="pictureFile"/>
    </td>
   </tr>
   <tr>
    <td>商品简介</td>
    <td><textarea rows="3" cols="30" name="items.detail">${item.detail }</textarea>
    </td>
   </tr>
   <tr>
    <td colspan="2" align="center"><input type="submit" value="提交" />
    </td>
   </tr>
  </table>
 </form>

七、效果展示
SSM实现文件上传

点击上选择文件--提交

SSM实现文件上传

点击提交

SSM实现文件上传

jsp页面效果

SSM实现文件上传

配置的虚拟路径下

SSM实现文件上传

SSM实现文件上传