利用Spring MVC 上传图片文件

2022-09-05 16:26:55

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

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

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

前台部分：

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

  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"属性。关于为什么要这个属性，我想对于做过文件上传的人来说都明白。我就不多说了。不会的搜索一下吧！这里的前台非常简单，只做一个演示。

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

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


下一篇：动态创建DAL层类的实例