form表单提交数据的同时在表单中上传文件代码示例
一.定义页面
注意:在form表单中加入属性 enctype="multipart/form-data" 表示此表单支持文件上传;
我的代码示例最主要是讲如何在表单中获取文件数据,具体文件上传在哪里你们自己定,我这个示例中文件是上传在本地,文件存放的代码不全;
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>修改商品信息</title>
</head>
<body>
<!-- 上传图片是需要指定属性 enctype="multipart/form-data" -->
<!-- <form id="itemForm" action="" method="post" enctype="multipart/form-data"> -->
<form id="itemForm" action="${pageContext.request.contextPath }/updateitem.action" method="post"
enctype="multipart/form-data">
<input type="hidden" name="id" value="${item.id }" /> 修改商品信息:
<table width="100%" border=1>
<tr>
<td>商品名称</td>
<td><input type="text" name="name" value="${item.name }" /></td>
</tr>
<tr>
<td>商品价格</td>
<td><input type="text" name="price" value="${item.price }" /></td>
</tr>
<tr>
<td>商品生产日期</td>
<td><input type="text" name="createtime"
value="<fmt:formatDate value="${item.createtime}" pattern="yyyy-MM-dd HH:mm:ss"/>" /></td>
</tr>
<tr>
<td>商品图片</td>
<td>
<c:if test="${item.pic !=null}">
<img src="${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="detail">${item.detail }</textarea>
</td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="提交" />
</td>
</tr>
</table>
</form>
</body>
</html>
二.后台
@RequestMapping("/updateitem.action")
public void updateitem(HttpServletResponse response,Item item,MultipartFile pictureFile) throws IOException{
System.out.println(item);
//使用UUID给文件取一个物理名称
String fileName = UUID.randomUUID().toString();
//获取文件的后缀
String fname = pictureFile.getOriginalFilename();
String ext = fname.substring(fname.lastIndexOf("."));
//将图片传入指定的目录 //存储路径 C:\igeek47temp\098234IA1309284ABA09F098.jpg
pictureFile.transferTo(new File(PIC_PATH+fileName+ext));
//将图片的访问路径存储到item对象中。 /pic/098234IA1309284ABA09F098.jpg
item.setPic("/pic/"+fileName+ext);
itemService.updateItem(item);
//重定向到商品列表
response.sendRedirect("itemList.action");
}
三.springMVC配置
<!-- 文件上传,id必须设置为multipartResolver -->
<bean id="multipartResolver"
class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<!-- 设置文件上传大小 -->
<property name="maxUploadSize" value="5000000" />
</bean>