基于ssm的上传图片

原创地址:http://blog.csdn.net/qq_33764491/article/details/77440180

第一次接触上传图片,自己还是很头疼的。大佬的帮助和网上的资料着实帮了我不少的忙~~所以,下面是我实现这个功能的思路。

用户注册时,需要上传图片(头像),这是该功能的背景。在实现之前,需要导入两个jar包:commons-fileupload-1.3.1和commons-io-2.4。

首先是jsp页面:

[html]  view plain  copy
  1. <form action="file/upload.action" method="post" enctype="multipart/form-data">  
  2.  <label>用户名:</label><input type="text" name="name"><br>  
  3.  <label>密码:</label><input type="password" name="pwd"><br>  
  4.  <label>上传头像:</label><input type="file" name="file"><br>  
  5.  <input type="submit">  
  6.  </form>  

需要注意的是,一定要写 enctype="multipart/form-data",否则springmvc就会解析失败。这个的作用就是将form表单的数据以二进制的方式传输。

配置springmvc.xml:

[html]  view plain  copy
  1. <!-- 上传文件 -->    
  2.     <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">    
  3.     <property name="defaultEncoding" value="utf-8"/>    
  4.     <!-- 最大内存大小 -->    
  5.     <property name="maxInMemorySize" value="10240"/>    
  6.     <!-- 最大文件大小,-1为不限制大小 -->    
  7.     <property name="maxUploadSize" value="-1"/>    
  8.     </bean>    
首先,springmvc上传图片(文件)是通过MultipartResolver(Multipart解析器)处理的,对于MultipartResolver而言它只是一个接口,它有两个实现类。CommonsMultipartResolver和StandardServletMultipartResolver。我用的是前者,它可以在spring的各个版本使用,但是需要依赖第三方包才能实现,而后者不依赖第三方包,但是要求sping版本在3.1以上。

po和mapper我是利用逆向工程自动生成的,所以不再书写。需要注意的是:我将MultipartFile定义在实体类中。

[java]  view plain  copy
  1. public class User {  
  2.     private Integer id;  
  3.   
  4.     private String name;  
  5.   
  6.     private String pwd;  
  7.       
  8.     private String image;  
  9.       
  10.     private MultipartFile file;  
controller:
[html]  view plain  copy
  1. @Controller  
  2. @RequestMapping("/file")  
  3. public class UserController {  
  4.   
  5.     @Autowired  
  6.     IUserService userService;  
  7.       
  8.     @RequestMapping("/upload")  
  9.     public String upload(User user,HttpServletRequest request,Model model) throws Exception{  
  10.     System.out.println(request.getParameter("name"));  
  11.       //保存数据库的路径  
  12.       String sqlPath = null;   
  13.       //定义文件保存的本地路径  
  14.       String localPath="D:\\File\\";  
  15.       //定义 文件名  
  16.       String filename=null;    
  17.       if(!user.getFile().isEmpty()){    
  18.           //生成uuid作为文件名称    
  19.           String uuid = UUID.randomUUID().toString().replaceAll("-","");    
  20.           //获得文件类型(可以判断如果不是图片,禁止上传)    
  21.           String contentType=user.getFile().getContentType();    
  22.           //获得文件后缀名   
  23.           String suffixName=contentType.substring(contentType.indexOf("/")+1);  
  24.           //得到 文件名  
  25.           filename=uuid+"."+suffixName;   
  26.           System.out.println(filename);  
  27.           //文件保存路径  
  28.           user.getFile().transferTo(new File(localPath+filename));    
  29.       }  
  30.       //把图片的相对路径保存至数据库  
  31.       sqlPath = "/images/"+filename;  
  32.       System.out.println(sqlPath);  
  33.       user.setImage(sqlPath);  
  34.       userService.addUser(user);  
  35.       model.addAttribute("user", user);  
  36.       return "MyJsp";  
  37.     }  
用户上传的图片保存在相应的服务器中(由于自己测试,设置了Apache的虚拟目录,所以讲图片保存在本地硬盘(D盘新建的File目录)下),在数据库中只保存图片的相对路径。

Apache虚拟目录的设置:

    在Apache的server.xml 下的<host></host>标签中,添加即可:

              <Context docBase="D:\File"  path="/images" reloadable="false"/>

MyJsp:

[html]  view plain  copy
  1. <h3>显示图片</h3>  
  2.   <img src="${basePath}${user.image}">用户名:${user.name}  
  3.   <hr>  
附数据库的设计:


实现结果:




—————————————————————————————————————————————————————————————————————————————9.14更新+改进

注意这个坑,如果你用了逆向的方法selective,进行更新时,会出现无法更新成功的问题,原因就是之前写的是" ",而真正应该是null !

//把图片的相对路径保存至数据库 
      sqlPath = filename;
      if(sqlPath!=null){
           user.setUlogo(sqlPath);  
      }

在页面这样实现<img src="/images/${pacth}">


评论 34
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值