SpringBoot实现简单的图片上传

图片上传没啥好说的直接上代码

首先是一个工具类，这样的话可以在方法中直接调用就好了。将文件路径返回，保存进数据库，在界面通过这个路径就能显示图片了。

ImageUpload：

public class ImageUpload {

    public static String upload(MultipartFile file) {
        if (file.isEmpty()) {
            System.out.println("文件为空");
        }
        String fileName = file.getOriginalFilename();  // 文件名
        String suffixName = fileName.substring(fileName.lastIndexOf("."));  // 后缀名
        String filePath = "D:\\IdeaWorkspace\\image\\"; // 上传后的路径
        fileName = UUID.randomUUID() + suffixName; // 新文件名
        File dest = new File(filePath + fileName);
        if (!dest.getParentFile().exists()) {
            dest.getParentFile().mkdirs();
        }
        try {
            file.transferTo(dest);
        } catch (IOException e) {
            e.printStackTrace();
        }
        return "/image/" + fileName;
    }
}

实现一下配置文件：

第一个参数的是你调用时候的路径

第二个参数是文件存储的绝对路径

@Configuration
public class MyWebMvcConfigurer implements WebMvcConfigurer {

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/image/**").addResourceLocations("file:D:\\IdeaWorkspace\\image\\");
    }
}

接下来是Controller的写法

主要是这个MutipartFile ,这个对应的是图片文件。

@PostMapping(value = "/fileUpload")
    public String fileUpload(@RequestParam(value = "file") MultipartFile file, Model model, HttpServletRequest request) {
        String filename = ImageUpload.upload(file);
        model.addAttribute("filename", filename);
        return "HelloWord";
    }

 

前台界面：就是很简单的界面，然后调用后台写的接口就可以了

<form action="/fileUpload" method="post" enctype="multipart/form-data">
    <label>上传图片</label>
    <input type="file" name="file"/>
    <input type="submit" value="上传"/>
</form>
<p>图片:</p>
<img th:src="${filename }"/>

我这边是用的thymeleaf，将图片路径放在src中，在界面显示图片的。