SpringMVC如何上傳文件

這篇文章主要講解了“SpringMVC如何上傳文件”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“SpringMVC如何上傳文件”吧！

八、SpringMVC上傳文件

    1、配置web.xml允許訪問*.jpg

        在web.xml中新增加一段

	<servlet-mapping>
	    <servlet-name>default</servlet-name>
	    <url-pattern>*.jpg</url-pattern>
	</servlet-mapping>

        表示允許訪問*.jpg。
        為什么要加這一段呢？ 因為配置springmvc的servlet的時候，使用的路徑是"/"，導致靜態資源在默認情況下不能訪問，

        所以要加上這一段，允許訪問jpg。 并且必須加在springmvc的servlet之前
        如果你配置spring-mvc使用的路徑是/*.do，就不會有這個問題了。

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
https://cache.yisu.com/upload/information/20210524/347/782278.jpg</url-pattern>
    </servlet-mapping>
     
    <servlet>
        <servlet-name>springmvc</servlet-name>
        <servlet-class>
            org.springframework.web.servlet.DispatcherServlet
        </servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
    <filter> 
        <filter-name>CharacterEncodingFilter</filter-name> 
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class> 
        <init-param> 
            <param-name>encoding</param-name> 
            <param-value>utf-8</param-value> 
        </init-param> 
    </filter> 
    <filter-mapping> 
        <filter-name>CharacterEncodingFilter</filter-name> 
        <url-pattern>/*</url-pattern> 
    </filter-mapping>    
</web-app>

    注：這里僅僅是允許訪問jpg,如果你要顯示png,gif那么需要額外進行配置

    2、配置springmvc-servlet.xml

        新增加一段配置,開放對上傳功能的支持

        <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"/>

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xmlns:context="http://www.springframework.org/schema/context"
    xsi:schemaLocation="http://www.springframework.org/schema/beans
    http://www.springframework.org/schema/beans/spring-beans-3.0.xsd
    http://www.springframework.org/schema/context        
    http://www.springframework.org/schema/context/spring-context-3.0.xsd">
     
    <context:component-scan base-package="controller" />
    <bean id="irViewResolver"
        class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/page/" />
        <property name="suffix" value=".jsp" />
    </bean>
    <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"/>
</beans>

    3、upload.jsp 上傳頁面

        上傳頁面，需要注意的是form 的兩個屬性必須提供method="post" 和 enctype="multipart/form-data" 缺一不可
        上傳組件 增加一個屬性 accept="image/*" 表示只能選擇圖片進行上傳
        留意 <input type="file" name="image" accept="image/*" /> 這個image，后面會用到這個image

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" import="java.util.*" isELIgnored="false"%>
  
<form action="uploadImage" method="post" enctype="multipart/form-data">
  選擇圖片:<input type="file" name="image" accept="image/*" /> <br>
  <input type="submit" value="上傳">
</form>

    注：enctype就是encodetype就是編碼類型的意思。

            multipart/form-data是指表單數據有多部分構成，既有文本數據，又有文件等二進制數據的意思。

    4、準備UploadedImageFile

        在UploadedImageFile中封裝MultipartFile類型的字段 image ，用于接受頁面的注入
        這里的字段 image必須和上傳頁面upload.jsp中的image
        <input type="file" name="image" accept="image/*" />保持一致

package pojo;
 
import org.springframework.web.multipart.MultipartFile;
 
public class UploadedImageFile {
    MultipartFile image;
 
    public MultipartFile getImage() {
        return image;
    }
 
    public void setImage(MultipartFile image) {
        this.image = image;
    }
 
}

    5、UploadController 上傳控制器

        新建類UploadController 作為上傳控制器
        準備方法upload 映射上傳路徑/uploadImage
            1. 方法的第二個參數UploadedImageFile 中已經注入好了 image
            2. 通過 RandomStringUtils.randomAlphanumeric(10);獲取一個隨機文件名。 因為用戶可能上傳相同文件名的文件，

                為了不覆蓋原來的文件，通過隨機文件名的辦法來規避
            3. 根據request.getServletContext().getRealPath 獲取到web目錄下的image目錄，用于存放上傳后的文件。
            4. 調用file.getImage().transferTo(newFile); 復制文件
            5. 把生成的隨機文件名提交給視圖，用于后續的顯示

package controller;
 
import java.io.File;
import java.io.IOException;
 
import javax.servlet.http.HttpServletRequest;
 
import org.apache.commons.lang.xwork.RandomStringUtils;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;
 
import pojo.UploadedImageFile;
 
@Controller
public class UploadController {
 
    @RequestMapping("/uploadImage")
    public ModelAndView upload(HttpServletRequest request, UploadedImageFile file)
            throws IllegalStateException, IOException {
        String name = RandomStringUtils.randomAlphanumeric(10);
        String newFileName = name + ".jpg";
        File newFile = new File(request.getServletContext().getRealPath("/image"), newFileName);
        newFile.getParentFile().mkdirs();
        file.getImage().transferTo(newFile);
 
        ModelAndView mav = new ModelAndView("showUploadedFile");
        mav.addObject("imageName", newFileName);
        return mav;
    }
}

    6、showUploadedFile.jsp 顯示圖片的頁面

        在WEB-INF/page 下新建文件showUploadedFile 顯示上傳的圖片

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="false"%>
 
<img src="image/${imageName}"/>

感謝各位的閱讀，以上就是“SpringMVC如何上傳文件”的內容了，經過本文的學習后，相信大家對SpringMVC如何上傳文件這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！