上传图片,很常见的问题,基本每个人都会遇到,但是个人认为在springMVC中上传图片相对来说是比较简单的,因为框架已经帮我们做好了许多事情。
这篇文章所用的环境:spring4.3.3 、jdk1.8 、eclipse。
环境准备
如果项目中没有导入以下jar包请先导入,这里有:http://download.****.net/download/u011403655/8559545
commons-fileupload-1.2.2.jar
commons-io-2.4.jar
在springmvc.xml配置文件中配置插件
在springmvc.xml中加入这一个配置,可以配置文件上传的最大限制。
<!-- 文件上传 -->
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<property name="maxUploadSize">
<value>5242880</value>
</property>
</bean>
form中加入一个属性enctype="multipart/form-data"
<form action="${pageContext.request.contextPath}/addPet.action" method="post" enctype="multipart/form-data">
<input type="file" required="required" name="pic" id="exampleInputFile">
...
注意这里的input,name属性是pic,可以直接映射到controller方法的同名参数中。
controller中的方法
@RequestMapping("addPet.action")
public ModelAndView addPet(String name,
double price,
String introduce,
MultipartFile pic,
String classifyName)
throws IllegalStateException, IOException {
if (!pic.isEmpty()) {
String path = "E:\\宠物网站\\image\\";
String originalFileName = pic.getOriginalFilename();
// 新的图片名称
String newFileName = UUID.randomUUID() + originalFileName.substring(originalFileName.lastIndexOf("."));
// 新的图片
File newFile = new File(path + newFileName);
// 将内存中的数据写入磁盘
pic.transferTo(newFile);
}
这里的控制器中的方法参数是 MultipartFile pic,和表单元素中的name是一一对应的,新的文件命名用UUID生成字符串避免文件名重复,同时截取图片的后缀名;最后再把图片写到磁盘上去。到此,就完成了图片的上传。
图片在页面中的显示
web程序是在tomcat中运行的,但是这里的图片是放到了本地的磁盘上的,怎么通过tomcat访问到呢?这篇文章是eclipse,在eclipse中可以配置,双击打开tomcat:
选择modules--->Add Extenal Web Modules--->Document base (就是图片存放在磁盘上的绝对路径),path就是在tomcat中访问的路径,我这里用的是 /image,通过这样的配置,在tomcat中通过 localhost:8080/image/图片名称全称 就能访问到图片。
测试一下,在浏览器中如果通过上述url能访问到图片就说明配置成功。这样在jsp页面中的图片的路径就要写成 src="/image/图片全称"才能访问到图片,不能再加上项目名了。
其实上述的配置过程就是在tomcat中添加了一些配置,配置了一个虚拟目录,如果没有用eclipse,或者嫌eclipse手动配置麻烦,其实可以通过在server.xml中进行配置,在<Host></Host> 中间加入如下配置:
<Context docBase="E:\宠物网站\image" path="/image" reloadable="true"/>