SpringMVC框架實(shí)現(xiàn)上傳圖片的示例代碼

更新時(shí)間：2017年09月26日 11:08:46 作者：Mr_歡先生

本篇文章主要介紹了SpringMVC框架實(shí)現(xiàn)上傳圖片的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

一.創(chuàng)建圖片虛擬目錄

在上傳圖片之前，先要設(shè)置虛擬目錄（以IDEA為例）

打開(kāi)工具欄的運(yùn)行配置Edit Configurations
添加物理目錄和并設(shè)置虛擬目錄路徑

添加img圖片在img文件夾內(nèi)

測(cè)試訪問(wèn)：http://localhost:8080/img/img.jpg

二.SpringMVC上傳頭像

1.SpringMVC對(duì)多部件類(lèi)型的解析

上傳圖片SpringMVC.xml配置

在頁(yè)面form中提交enctype="multipart/form-data"的數(shù)據(jù)時(shí)，需要springmvc對(duì)multipart類(lèi)型的數(shù)據(jù)進(jìn)行解析。在springmvc.xml中配置multipart類(lèi)型解析器。

<!--文件上傳-->
  <bean id ="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
    <property name="maxUploadSize">
      <value>5242880</value>
    </property>
  </bean>

2.添加依賴

<!-- 文件上傳 -->
<dependency>
  <groupId>commons-fileupload</groupId>
  <artifactId>commons-fileupload</artifactId>
  <version>1.3.1</version>
</dependency>

3. 在Login1.jsp頁(yè)面form中提交enctype="multipart/form-data"的數(shù)據(jù)

<form action="/userController/insertUser" method="post" enctype="multipart/form-data">
          <input type="text" required="required" placeholder="用戶名" name="userName">
          <input type="password" required="required" placeholder="密碼" name="passWord">
          <input type="file" name = "imgFile">
          <div id="bt">
            <input class="but" type="submit" value="注冊(cè)">
            <a href="register.jsp" rel="external nofollow" ><input class="but" type="button" value="返回登錄"></a>
          </div>
        </form>

4.處理請(qǐng)求UserController.java

   @RequestMapping("insertUser")
  public String insertUser (HttpServletRequest request, User user, MultipartFile imgFile) throws IOException {
    //獲取文件原始名稱
    String originalFilename = imgFile.getOriginalFilename();
    //上傳圖片
    if(imgFile!=null && originalFilename!=null && originalFilename.length()>0){
      //存儲(chǔ)圖片的物理路徑
      String pic_path = "/home/ubuntu/IDEA/SSM/img/";
      //新的圖片名稱
      String newFileName = UUID.randomUUID() + originalFilename.substring(originalFilename.lastIndexOf("."));
      //新圖片
      File newFile = new File(pic_path+newFileName);
      //將內(nèi)存中的數(shù)據(jù)寫(xiě)入磁盤(pán)
      imgFile.transferTo(newFile);
      userService.insertUser(user,newFileName);
      HttpSession session = request.getSession();
      session.setAttribute("imgUrl", newFileName);
    }

    return "item/success";
  }

上傳成功

成功跳轉(zhuǎn)頁(yè)面success.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <title>成功</title>
</head>
<body>
<h1>成功頁(yè)面</h1>
<img style="width: 150px; height: 200px" 
src="http://localhost:8080/img/<%=session.getAttribute("imgUrl")%>">
</body>
</html>