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>
七、效果展示
点击上选择文件--提交
点击提交
jsp页面效果
配置的虚拟路径下