SpringBoot实现一个图片上传功能

面试官来了一道实战上传的图片面试题:
题目是:使用spring boot实现文件上传功能!

条件:idea2021版、jdk8、springboot2.5.4
1.首先创建一个springboot项目:
  • 目录如下,在创建model、service、mapper、controller包
    在这里插入图片描述
2.添加依赖:
<!--        web的依赖 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
<!--        小辣椒-->
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <optional>true</optional>
        </dependency>
<!--        静态模板-->
        <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>

3.编写前端的html页面

<!DOCTYPE html>
<html lang="en">
<head>
    <title>pictureUploading</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8 ">
</head>
<body>
<form enctype="multipart/form-data" method="post" action="/upload">
    文件:<input type="file" name="fileUpload"/>
    <input type="submit" value="上传"/>
</form>
</body>
</html>

4.编写controller控制器

package com.example.springbootdemo.controller;

import com.example.springbootdemo.util.Message;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

import java.io.File;
import java.util.UUID;

@RestController
public class UploadController {

    @PostMapping("/upload")
    public Object upload(MultipartFile fileUpload){
        //获取文件名
        String fileName = fileUpload.getOriginalFilename();
        //获取文件后缀名
        String suffixName = fileName.substring(fileName.lastIndexOf("."));
        //重新生成文件名
        fileName = UUID.randomUUID()+suffixName;
        //指定本地文件夹存储图片,写到需要保存的目录下
        String filePath = "D:\\javaText\\";
        try {
            //将图片保存到static文件夹里
            fileUpload.transferTo(new File(filePath+fileName));
         //返回提示信息
            return new Message(0,"上传成功");
        } catch (Exception e) {
            e.printStackTrace();
            return new Message(-1,"上传失败");
        }
    }
}

application.yml中设置图片文件的大小

spring:
  servlet:
    multipart:
      enabled: true
      max-file-size: 100MB
      max-request-size: 100MB

5.写提示的累Message

package com.example.springbootdemo.util;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;


@Data
@NoArgsConstructor
@AllArgsConstructor
public class Message {
    //0表示成功;-1表示失败
    int status;
    //向前端返回的内容
    String massage;

}

测试

  • 在网页上输入:http://localhost:8080
  • 点击上传图片,进行测试。
    在这里插入图片描述
    在这里插入图片描述
ok,上传图片成功

Guess you like

Origin blog.csdn.net/weixin_55604133/article/details/120147568