SpringBoot + Layui 文件上传与图片上传回显

最新推荐文章于 2023-05-09 18:53:15 发布

无术同学

最新推荐文章于 2023-05-09 18:53:15 发布

阅读量1.2k

点赞数 6

分类专栏： SpringBoot 文章标签： java spring boot

本文链接：https://blog.csdn.net/qq_25974401/article/details/119866390

版权

本文介绍了如何使用SpringBoot结合Layui实现文件和图片的上传功能，并展示上传后的回显效果。从创建SpringBoot项目开始，详细讲解了配置pom.xml，设置Controller，以及相关配置文件和工具类的编写过程。

摘要由CSDN通过智能技术生成

SpringBoot 文件上传与图片上传回显

演示

创建一个springboot项目

pom.xml

        <dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter</artifactId>
		</dependency>
		<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>org.projectlombok</groupId>
			<artifactId>lombok</artifactId>
			<version>1.18.16</version>
		</dependency>

Controller

yml

server:
  port: 8080
spring:
  thymeleaf:
    cache: false
    encoding: utf-8
    mode: HTML
    prefix: classpath:/templates/
    suffix: .html
    #springboot上传限制问题
  servlet:
    multipart:
      enabled: true #是否启用http上传处理
      max-file-size: 100MB #设置单个文件最大长度
      max-request-size: 100MB #最大请求文件的大小

IndexController

@Controller
public class IndexController {
   

    /**
     * 访问127.0.0.1:8080  或者127.0.0.1:8080/index 都可以访问
     * 跳转index.html
     * @return
     */
    @GetMapping(path = {
   "index",""})
    public String index(){
   
        return "index";
    }

}

UploadController

@RestController
public class UploadController {
   

    @PostMapping("upload")
    public Result upload(MultipartFile file){
   
        //user:文件加名称,图片或者文件会放在user文件夹
        String imgPath = FileUploadUtil.uploadFile(file, "user");
        return new Result(