springMVC的文件上传例子

版权声明:原创文章,转载请说明出处 https://blog.csdn.net/Destiny_strive/article/details/82685279

1.首先创建Maven Web项目,添加依赖.

<dependencies>
  <dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-webmvc</artifactId>
    <version>5.0.7.RELEASE</version>
  </dependency>
  <dependency>
    <groupId>javax.servlet</groupId>
    <artifactId>javax.servlet-api</artifactId>
    <version>4.0.0-b05</version>
  </dependency>
  <dependency>
    <groupId>commons-fileupload</groupId>
    <artifactId>commons-fileupload</artifactId>
    <version>1.3.3</version>
  </dependency>
</dependencies>

2.修改web.xml.

<?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 http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">

    <servlet>
        <servlet-name>springmvc</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:springmvc.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>


</web-app>

3.resources文件夹下创建springmvc.xml.

这里注意如果不添加静态资源的访问的话,是无法访问图片资源的.因为配置springmvc的servlet的时候拦截了所有的资源.

<?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"
               xmlns:mvc="http://www.springframework.org/schema/mvc"
               xsi:schemaLocation="http://www.springframework.org/schema/beans
       http://www.springframework.org/schema/beans/spring-beans.xsd
       http://www.springframework.org/schema/context
       http://www.springframework.org/schema/context/spring-context.xsd
       http://www.springframework.org/schema/mvc
       http://www.springframework.org/schema/mvc/spring-mvc.xsd">

<!--开启注解识别-->
<mvc:annotation-driven />
<!--开通静态资源的访问-->
<mvc:default-servlet-handler />

<context:component-scan base-package="com.byh.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">
    <!-- 指定所上传文件的总大小,单位字节。注意maxUploadSize属性的限制不是针对单个文件,而是所有文件的容量之和 -->
    <property name="maxUploadSize" value="10240000" />
</bean>

</beans>

4.在WEB-INF/page/下创建uoload.jsp,这里input标签限制了可上传文件的类型为图片类型

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<form action="/upload" method="post" enctype="multipart/form-data">
    上传文件:<input type="file" name="image" accept="image/*"/>
    <input type="submit" value="上传">
</form>

</body>
</html>

和show.jsp.

<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<div>
    <img src="image/${imagename}">
</div>
</body>
</html>

5.编写文件上传的工具类,注意这的属性名image一定要和input里面的name属性的值相同.

package com.byh.utils;

import org.springframework.web.multipart.MultipartFile;

public class UploadUtil {
    /*
        这里的字段image必须和上传页面upload.jsp中的image
        <input type="file" name="image" accept="image/*" />一样的名字
    */
    private MultipartFile image;

    public MultipartFile getImage() {
        return image;
    }

    public void setImage(MultipartFile image) {
        this.image = image;
    }
}

6.编写控制器.

package com.byh.controller;

import com.byh.utils.UploadUtil;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.io.IOException;
import java.util.Date;
import java.util.Random;

@Controller
public class UploadController {

    @RequestMapping("/upload")
    public String uploadDemo(HttpServletRequest request, UploadUtil upload, Model model) throws IOException {
        Random random = new Random();
        int num = random.nextInt(99);
        String num1 = String.valueOf(num);
        String imageName = num1+".jpg";

        File file = new File(request.getServletContext().getRealPath("/image"),imageName);
        file.getParentFile().mkdirs();
        upload.getImage().transferTo(file);
        model.addAttribute("imagename",imageName);
        return "show";
    }

    @RequestMapping("/uploadImage")
    public String uoload(){
        return "upload";
    }

}

7.测试。

输入http://localhost:8080/uploadImage

点击上传后可以看到图片。我这里图片保存在D:\spring\springmvc01\target\springmvc01-1.0-SNAPSHOT\image。具体路径根据个人而定。

猜你喜欢

转载自blog.csdn.net/Destiny_strive/article/details/82685279