利用Spring MVC 上传图片文件

Posted THISISPAN

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了利用Spring MVC 上传图片文件相关的知识,希望对你有一定的参考价值。

本文转自:http://amcucn.iteye.com/blog/264457。感谢作者

近日在工作当中,需要用到上传图片的功能,然而自己平时学习的时候只会使用struts的上传功能,但因为项目并没有使用struts,而是spring mvc ,最后不得不另寻它路。通过google和百度,看到了一些相关的介绍。经过自己的偿试,最终搞定利用spring mvc 上传文件的功能,完成图片的上传。如果只是为了上传图片,可以通过限制扩展名的形式达到目的。下面给出关键的代码部分。

 

关于spring的配置等我不在此介绍,下面的方法是基于spring mvc模式下的。

 

前台部分:

     其实前台部分很简单,就是普通的FORM表单文件上传形式就可以。如:

 

 

html代码  技术分享
  1.  <form action="comm_addProduct.do?method=saveProduct" method="post" enctype="multipart/form-data">  
  2.   <input name="imgFile" id="imgFile" type="file" />  
  3. </form>  

 

 这里只需注意关键的地方,就是在FORM表单里必须有enctype="multipart/form-data"属性。关于为什么要这个属性,我想对于做过文件上传的人来说都明白。我就不多说了。不会的搜索一下吧!这里的前台非常简单,只做一个演示。

 

当前台的表单提交到后台后,我们重点来注意后台是如何处理上传过来的文件的。关键代码如下:

 

Java代码  技术分享
  1. /** 
  2.      * 上传图片文件,并保存到指定的路径当中 
  3.      */  
  4.     public void addImage(HttpServletRequest request,String path1,String path2) {  
  5.         //转型为MultipartHttpRequest(重点的所在)  
  6.          MultipartHttpServletRequest multipartRequest  =  (MultipartHttpServletRequest) request;  
  7.          //  获得第1张图片(根据前台的name名称得到上传的文件)   
  8.          MultipartFile imgFile1  =  multipartRequest.getFile("imgFile");  
  9.           
  10.          //定义一个数组,用于保存可上传的文件类型  
  11.          List fileTypes = new ArrayList();  
  12.          fileTypes.add("jpg");  
  13.          fileTypes.add("jpeg");  
  14.          fileTypes.add("bmp");  
  15.          fileTypes.add("gif");  
  16.            
  17.          //保存第一张图片  
  18.          if(!(imgFile1.getOriginalFilename() ==null || "".equals(imgFile1.getOriginalFilename()))) {  
  19. /*下面调用的方法,主要是用来检测上传的文件是否属于允许上传的类型范围内,及根据传入的路径名 
  20. *自动创建文件夹和文件名,返回的File文件我们可以用来做其它的使用,如得到保存后的文件名路径等 
  21. *这里我就先不做多的介绍。 
  22. */  
  23.              File file1 = this.getFile(imgFile1, fileTypes,path1,path2);  
  24.               
  25.          }  
  26.            
  27.           
  28.     }  
  29.  <p>  
  30. </p><p>其实上面的代码还是比较简单的,重点再于将我们常见的request对象转换为<span style="white-space: pre;">MultipartHttpRequest对象,有了这个对象,我们就可以得到用户上传的文件了。得到用户上传的文件之后,</span></p>  
  31. <p><span style="white-space: pre;">我们就可以做一些我们想做的事情了。在上面我们还做了一些事,那就是判断用户上传的文件类型是否属于我们所定义的那个</span></p>  
  32. <p>数组内的类型,至于如何判断是否属于允许上传的类型,我会在下面的方法当中给出。其实也可以将下面的代码写在一个方法里,但是了为重用,我就分开写了。也许我的做法不是最好的。相当于给大家一个方向吧!</p>  
  33. <p> </p>  
  34. <p>我们来看下面的两个方法,这两个方法最主要做两件事。一、判断用户上传的文件是否属于我们定义的类型范围之内,第二、将文件保存到指定的路径,这个路径是我们自己创建的。</p>  
  35. <p>  
  36. </p><pre name="code" class="java">/** 
  37.      * 通过传入页面读取到的文件,处理后保存到本地磁盘,并返回一个已经创建好的File 
  38.      * @param imgFile 从页面中读取到的文件 
  39.      * @param typeName  商品的分类名称 
  40.      * @param brandName 商品的品牌名称 
  41.      * @param fileTypes 允许的文件扩展名集合 
  42.      * @return 
  43.      */  
  44.     private File getFile(MultipartFile imgFile,String typeName,String brandName,List fileTypes) {  
  45.         String fileName = imgFile.getOriginalFilename();  
  46.         //获取上传文件类型的扩展名,先得到.的位置,再截取从.的下一个位置到文件的最后,最后得到扩展名  
  47.          String ext = fileName.substring(fileName.lastIndexOf(".")+1,fileName.length());  
  48.          //对扩展名进行小写转换  
  49.          ext = ext.toLowerCase();  
  50.            
  51.          File file = null;  
  52.          if(fileTypes.contains(ext)) {                      //如果扩展名属于允许上传的类型,则创建文件  
  53.              file = this.creatFolder(typeName, brandName, fileName);  
  54.              try {  
  55.                 imgFile.transferTo(file);                   //保存上传的文件  
  56.             } catch (IllegalStateException e) {  
  57.                 e.printStackTrace();  
  58.             } catch (IOException e) {  
  59.                 e.printStackTrace();  
  60.             }  
  61.          }  
  62.          return file;  
  63.     }  
  64.       
  65.     /** 
  66.      * 检测与创建一级、二级文件夹、文件名 
  67.             这里我通过传入的两个字符串来做一级文件夹和二级文件夹名称 
  68.            通过此种办法我们可以做到根据用户的选择保存到相应的文件夹下 
  69.             
  70.      */  
  71.     private File creatFolder(String typeName,String brandName,String fileName) {  
  72.          File file = null;  
  73.          typeName = typeName.replaceAll("/", "");               //去掉"/"  
  74.          typeName = typeName.replaceAll(" ", "");               //替换半角空格  
  75.          typeName = typeName.replaceAll(" ", "");               //替换全角空格  
  76.           
  77.          brandName = brandName.replaceAll("/", "");             //去掉"/"  
  78.          brandName = brandName.replaceAll(" ", "");             //替换半角空格  
  79.          brandName = brandName.replaceAll(" ", "");             //替换全角空格  
  80.           
  81.          File firstFolder = new File("c:/" + typeName);         //一级文件夹  
  82.          if(firstFolder.exists()) {                             //如果一级文件夹存在,则检测二级文件夹  
  83.              File secondFolder = new File(firstFolder,brandName);  
  84.              if(secondFolder.exists()) {                        //如果二级文件夹也存在,则创建文件  
  85.                  file = new File(secondFolder,fileName);  
  86.              }else {                                            //如果二级文件夹不存在,则创建二级文件夹  
  87.                  secondFolder.mkdir();  
  88.                  file = new File(secondFolder,fileName);        //创建完二级文件夹后,再合建文件  
  89.              }  
  90.          }else {                                                //如果一级不存在,则创建一级文件夹  
  91.              firstFolder.mkdir();  
  92.              File secondFolder = new File(firstFolder,brandName);  
  93.              if(secondFolder.exists()) {                        //如果二级文件夹也存在,则创建文件  
  94.                  file = new File(secondFolder,fileName);  
  95.              }else {                                            //如果二级文件夹不存在,则创建二级文件夹  
  96.                  secondFolder.mkdir();  
  97.                  file = new File(secondFolder,fileName);  
  98.              }  
  99.          }  
  100.          return file;  
  101.     }</pre>  
  102.  <p>  
  103. </p><p>以上代码基本上实现了我们想要的功能。当然其中还是存在许多的问题,目前还只是达到了初步的功能,并没有写得非常严谨。关于在前台上如何利用javascript实现缩略图的功能,我会在后续的文章当中介绍!</p>  
  104. <p> </p>  
  105. <p> </p>  
  106. <p> </p>  
  107. <p> </p>  

以上是关于利用Spring MVC 上传图片文件的主要内容,如果未能解决你的问题,请参考以下文章

在spring mvc中上传图片

如何实现Spring MVC 图片上传时,图片如何代替进度条?

Spring MVC实现文件上传

将spring mvc中的图像永久上传到其他位置

Spring MVC 图片的上传和下载

ueditor采用Spring MVC的方式整合七牛云实现上传图片视频附件等