本文共 1784 字,大约阅读时间需要 5 分钟。
上传图片,很常见的问题,基本每个人都会遇到,但是个人认为在springMVC中上传图片相对来说是比较简单的,因为框架已经帮我们做好了许多事情。
这篇文章所用的环境:spring4.3.3 、jdk1.8 、eclipse。
环境准备
如果项目中没有导入以下jar包请先导入,这里有:
commons-fileupload-1.2.2.jar
commons-io-2.4.jar
在springmvc.xml配置文件中配置插件
在springmvc.xml中加入这一个配置,可以配置文件上传的最大限制。
5242880
form中加入一个属性enctype="multipart/form-data"
注意这里的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> 中间加入如下配置:
转载地址:http://owuhj.baihongyu.com/