SpringBoot图片上传并回显

╰+攻爆jí腚メ 2023-07-08 06:59 179阅读 0赞

### 文章目录 ###

*  1. Controller
 *  2. 创建MyWebMvcConfigurer配置资源映射路径
 *  3. 验证

# 1. Controller #

package com.lixiang.hitravel.controller;
    
    import io.swagger.annotations.Api;
    import lombok.extern.slf4j.Slf4j;
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.*;
    import org.springframework.web.multipart.MultipartFile;
    
    import java.io.*;
    import java.util.UUID;
    
    /** * 文件上传 */
    @Controller
    @Api(value = "文件操作类", tags = "文件操作类")
    @RestController
    @RequestMapping(value = "/file")
    @Slf4j
    public class FileController { 
    
        @PostMapping(value = "/fileUpload")
        public String fileUpload(@RequestParam(value = "file") MultipartFile file) { 
            if (file.isEmpty()) { 
                System.out.println("文件为空");
            }
            String fileName = file.getOriginalFilename();  // 文件名
            String suffixName = fileName.substring(fileName.lastIndexOf("."));  // 后缀名
            String filePath = "/images/"; // 上传后的路径
            fileName = UUID.randomUUID() + suffixName; // 新文件名
            System.out.println(filePath + fileName);
            File dest = new File(filePath + fileName);
            if (!dest.getParentFile().exists()) { 
                dest.getParentFile().mkdirs();
            }
            try { 
                file.transferTo(dest);
            } catch (IOException e) { 
                e.printStackTrace();
            }
            String filename = "/img/" + fileName;
            return filename;
        }
    }

# 2. 创建MyWebMvcConfigurer配置资源映射路径 #

package com.lixiang.hitravel.interceptor;
    
    /** * @author binzhang * @date 2020-02-08 */
    
    import org.springframework.context.annotation.Configuration;
    import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
    import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
    
    /** * 资源映射路径 */
    @Configuration
    public class MyWebAppConfigurer implements WebMvcConfigurer { 
        @Override
        public void addResourceHandlers(ResourceHandlerRegistry registry) { 
            registry.addResourceHandler("/img/**").addResourceLocations("file:/images/");
        }
    }

# 3. 验证 #

通过swagger测试  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI0MDk1MDU1_size_16_color_FFFFFF_t_70]  
前面拼接上ip和端口号，图片显示正常。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI0MDk1MDU1_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI0MDk1MDU1_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200225153011345.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI0MDk1MDU1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI0MDk1MDU1_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200225153055516.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI0MDk1MDU1,size_16,color_FFFFFF,t_70