SpringBoot专栏：如何快速集成文件上传，前后端分离文件上传？（18讲）

最新推荐文章于 2024-08-16 16:36:57 发布

十年呵护

最新推荐文章于 2024-08-16 16:36:57 发布

阅读量1.3k

点赞数

分类专栏： Spring Boot SpringBoot入门文章标签：文件上传

本文链接：https://blog.csdn.net/zzhuan_1/article/details/85480818

版权

Spring Boot 同时被 2 个专栏收录

21 篇文章 2 订阅

订阅专栏

SpringBoot入门

21 篇文章 3 订阅

订阅专栏

前言

如何http 上传的multi-file的文件，本章节带大家快速实现简单的上传功能.（异步上传其它章节会有demo）

本章以模块springboot-11-upload为例（源码文末）

Demo构建

1.pom文件引入

<dependencies>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-web</artifactId>
		</dependency>
        <dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-thymeleaf</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-devtools</artifactId>
			<scope>runtime</scope>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-test</artifactId>
			<scope>test</scope>
		</dependency>
	</dependencies>

2.上传service（业务功能）

@Service
public class UploadService {
    Logger logger = LoggerFactory.getLogger(UploadService.class);
    private final Path rootLocation;

    @Autowired
    public UploadService() {
        this.rootLocation = Paths.get("D:/");
    }


    /**
     * 存储文件
     * @param file
     * @return
     */
    public boolean storeFile(MultipartFile file) {
        try {
            if (file.isEmpty()) {
                logger.error("file is not null");
                return false;
            }
            Files.copy(file.getInputStream(), this.rootLocation.resolve(file.getOriginalFilename()));
        } catch (IOException e) {
            logger.error("file upload error");
            return false;
        }
        return true;
    }
}

3.Controller层

@Controller
public class UploadController {
    @Autowired
    UploadService uploadService;

    /**
     * 访问首页
     * @return
     */
    @GetMapping("/")
    public String index() {
        return "upload";
    }

    /**
     * 上传操作
     * @param file
     * @param redirectAttributes
     * @return
     */
    @PostMapping("/upload")
    public String handleFileUpload(@RequestParam("file") MultipartFile file,
                                   RedirectAttributes redirectAttributes) {
        uploadService.storeFile(file);
        redirectAttributes.addFlashAttribute("message",
                "上传成功 " + file.getOriginalFilename() );
        return "redirect:/";
    }
}

4.html上传页面

<html xmlns:th="http://www.thymeleaf.org">
<body>
<div th:if="${message}">
    <h2 th:text="${message}"/>
</div>
<div>
    <form method="POST" enctype="multipart/form-data" action="/upload">
        <table>
            <tr><td>File to upload:</td><td><input type="file" name="file" /></td></tr>
            <tr><td></td><td><input type="submit" value="Upload" /></td></tr>
        </table>
    </form>
</div>
</body>
</html>

5.配置文件applciation.yml

spring:
#视图层控制
  mvc:
    view:
      prefix: classpath:/templates/
      suffix: .html
  static-path-pattern: /static/**

#thymeleaf start
  thymeleaf:
    mode: HTML
    encoding: UTF-8
    cache: false
    servlet:
      content-type: text/html

    #开发时关闭缓存,不然没法看到实时页面

    #限制文件上传大小
  servlet:
    multipart:
      max-file-size: 1KB
      max-request-size: 1KB


logging:
  level:
    com.*: debug
    org.*: debug

如果是想要不限制文件上传的大小，那么就把multipart两个值都设置为-1

注意版本问题：