本文所属【知识林】:http://www.zslin.com/web/article/detail/34

文件上传在各种网站平台上应用都非常广泛,这篇文章将讲述在Springboot中是如何完成文件上传的,Springboot是打包运行的,上传后的文件又该何去何从?

这篇文章需要用到前面所讲的知识点《Springboot 之 静态资源路径配置》Thymeleaf相关的知识。

  • pom.xml
<parent>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-parent</artifactId>
    <version>1.4.0.RELEASE</version>
    <relativePath/> <!-- lookup parent from repository -->
</parent>

<dependencies>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-test</artifactId>
        <scope>test</scope>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>
    <dependency>
        <groupId>commons-io</groupId>
        <artifactId>commons-io</artifactId>
        <version>2.4</version>
    </dependency>
</dependencies>

说明:页面模板还是使用Thymeleaf,文件上传工具使用Apache的commons-io

  • application.properties

此配置可参考《Springboot 之 静态资源路径配置》

server.port=1117
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
spring.thymeleaf.cache=false

web.upload-path=D:/temp/upload/study17/

spring.mvc.static-path-pattern=/**
spring.resources.static-locations=classpath:/META-INF/resources/,classpath:/resources/,\
  classpath:/static/,classpath:/public/,file:${web.upload-path}
  • Controller控制器
@Controller
public class IndexController {

    //获取上传的文件夹,具体路径参考application.properties中的配置
    @Value("${web.upload-path}")
    private String uploadPath;

    /**
     * GET请求
     * 上传页面,也将显示已经存在的文件
     * @param model
     * @return
     */
    @GetMapping(value = "/index")
    public String index(Model model) {
        //获取已存在的文件
        File [] files = new File(uploadPath).listFiles();
        model.addAttribute("files", files);
        return "web/index";
    }

    /**
     * POST请求
     * @param request
     * @param files
     * @return
     */
    @PostMapping(value = "index")
    public String index(HttpServletRequest request, @RequestParam("headimg")MultipartFile[] files) {
        //可以从页面传参数过来
        System.out.println("name====="+request.getParameter("name"));
        //这里可以支持多文件上传
        if(files!=null && files.length>=1) {
            BufferedOutputStream bw = null;
            try {
                String fileName = files[0].getOriginalFilename();
                //判断是否有文件且是否为图片文件
                if(fileName!=null && !"".equalsIgnoreCase(fileName.trim()) && isImageFile(fileName)) {
                    //创建输出文件对象
                    File outFile = new File(uploadPath + "/" + UUID.randomUUID().toString()+ getFileType(fileName));
                    //拷贝文件到输出文件对象
                    FileUtils.copyInputStreamToFile(files[0].getInputStream(), outFile);
                }
            } catch (Exception e) {
                e.printStackTrace();
            } finally {
                try {
                    if(bw!=null) {bw.close();}
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }
        return "redirect:/index";
    }

    /**
     * 判断文件是否为图片文件
     * @param fileName
     * @return
     */
    private Boolean isImageFile(String fileName) {
        String [] img_type = new String[]{".jpg", ".jpeg", ".png", ".gif", ".bmp"};
        if(fileName==null) {return false;}
        fileName = fileName.toLowerCase();
        for(String type : img_type) {
            if(fileName.endsWith(type)) {return true;}
        }
        return false;
    }

    /**
     * 获取文件后缀名
     * @param fileName
     * @return
     */
    private String getFileType(String fileName) {
        if(fileName!=null && fileName.indexOf(".")>=0) {
            return fileName.substring(fileName.lastIndexOf("."), fileName.length());
        }
        return "";
    }
}

说明: @RequestParam("headimg")MultipartFile[] files这里的headimg是根据页面上File inputname属性而定。

  • index.html
<!DOCTYPE html>
<html lang="zh-CN"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>文件上传</title>
    </head>
    <body>
        <h2>已有文件:</h2>
        <p th:each="file : ${files}">
            <img th:src="${file.name}" style="height:80px;"/>,文件名称:<span th:text="${file.name}"></span>
        </p>
        <hr/>
        <form method="post" enctype="multipart/form-data">
            昵称:<input name="name" type="text"/>
            <br/>
            头像:<input name="headimg" type="file"/>
            <br/>
            <button type="submit">确定上传</button>
        </form>
    </body>
</html>

注意:<input name="headimg" type="file"/>这里的headimg决定了Controller中@RequestParam("headimg")的值。如果有多个<input name="headimg" type="file"/>将是多文件上传。

  • 页面截图

通过上面例子上传两张图片后的效果:

多文件上传-知识林

示例代码:https://github.com/zsl131/spring-boot-test/tree/master/study17

本文所属【知识林】:http://www.zslin.com/web/article/detail/34
文章点评共:5 条
点评内容: 提交点评

02-24 点评:你的这个案例貌似有点下问题啊.如果文件路径不存在.你就传不了啊.

03-06 回复:可以先检测路径,不存在创建路径就可以了

02-16 点评:想要存入数据库的话要不要新建一个Dao类呢?

02-17 回复:这个根据自己的业务需求而定的~~

12-23 点评:怎么保存到数据库啊,急 啊,multipartfile不知道怎么做,求指导,我的邮箱1321340189@qq.com.谢谢了

12-23 回复:参照这篇文章将文件上传,然后将文件保存到指定的目录,将路径存入数据库即可!

12-09 点评:怎么没有表单提交的地址?

12-09 回复:不写提交地址会提交到当前地址的,不过是以POST方式提交

11-04 点评:Spring Boot是封装了Spring的东西, 感觉还是使用SpringMVC中带的上传功能相比之下应该比你这个简单. 可以试一下!

11-04 回复:其实这个上传功能也是使用SpringMVC的东西,只是应用在Springboot中,Springboot的应用可能在SpringCloud开发中作为微服务更能体现。但在做普通的Javaweb应用开发中个人感觉Springboot也还是非常不错滴!!非常感谢你的点评!!