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

本文介绍了如何使用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>
目录:

h9WMGV.png

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(
  • 6
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值