springboot项目图片上传，不能立即回显问题（已解决）

不念不忘少年蓝@ 2023-06-13 09:29 133阅读 0赞

问题如下  
![在这里插入图片描述][20191115150024289.png]  
当上传一个图片，是这样显示的。

# 我的解决方案 #

**1.将springboot配置成热部署（后来发现其实不需要）**  
pom.xml加入

<dependency>
    
        <groupId>org.springframework.boot</groupId>
    
        <artifactId>spring-boot-devtools</artifactId>
    
        <optional>true</optional>
    
    </dependency>

在yml中添加  
注意:devtools 和freemarker是属于spring中的

devtools:
        restart:
          enabled: true
      freemarker:
        cache: false
    debug: true

**2.建立config实现WebMvcConfigurer重写addResourceHandlers（主要）**

@Configuration
    public class MyWebConfig implements WebMvcConfigurer {
        //设置静态文件的目录
        @Override
        public void addResourceHandlers(ResourceHandlerRegistry registry){
            registry.addResourceHandler("/uploadImg/**").addResourceLocations("file:E:/idea/nlxx/hhxx/src/main/resources/static/uploadImg/");
        }
    }

然后重启，上传OK

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JheHhkd3lw_size_16_color_FFFFFF_t_70]

[20191115150024289.png]: https://img-blog.csdnimg.cn/20191115150024289.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JheHhkd3lw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191115150812913.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JheHhkd3lw,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，133人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue+SpringBoot实现图片上传和回显

[在这里插入图片描述][20190828150901694.png] > 1. 点击Vue图标，选择电脑中图片，选中后把图片替换为选中图片 > 2. 点击上传，通过...

短命女/ 2024年04月17日 16:13/ 0 赞/ 98 阅读

相关图片上传并映射回显

目录简介代码展示 1、配置图片保存地址 2、拦截器配置映射地址 3、接口修改地址为绝对路径 -------------------- 简介我们知道

Love The Way You Lie/ 2024年02月23日 07:20/ 0 赞/ 82 阅读

相关 SpringBoot图片上传并回显

文章目录 1. Controller 2. 创建MyWebMvcConfigurer配置资源映射路径 3. 验证 1. Controller

╰+攻爆jí腚メ/ 2023年07月08日 06:59/ 0 赞/ 136 阅读

相关 springboot项目图片上传，不能立即回显问题（已解决）

问题如下 ![在这里插入图片描述][20191115150024289.png] 当上传一个图片，是这样显示的。我的解决方案 1.将springboot配置成

不念不忘少年蓝@/ 2023年06月13日 09:29/ 0 赞/ 134 阅读

相关 springboot+thymeleaf 实现图片文件上传及回显

springboot+thymeleaf 实现图片文件上传及回显 1. 创建一个springboot工程, 在此就不多说了(目录结构). 2. 写一个H

﹏ヽ暗。殇╰゛Y/ 2022年12月21日 06:16/ 0 赞/ 291 阅读

相关 js实现上传图片立即回显

<script type="text/javascript"> //门头照片 function newFile() { var windowURL = window.U

女爷i/ 2022年09月30日 10:59/ 0 赞/ 237 阅读

相关图片上传服务器-回显

jar包 ![jar包][jar] 配置文件  <bean id="multipartResolver" cla

àì夳堔傛蜴生んèń/ 2022年06月06日 08:46/ 0 赞/ 315 阅读

相关跨服务器上传-图片服务器-图片回显-列表回显

jar包 ![jar包][jar] 配置文件  <bean id="multipartResolver" cla

心已赠人/ 2022年06月06日 08:46/ 0 赞/ 364 阅读

相关 HTML上传图片的回显

document.getElementById("showImg").src = window.URL.createObjectURL(personsFile.file

- 日理万妓/ 2022年05月25日 12:55/ 0 赞/ 517 阅读

相关先回显图片再上传

平时开发时可能会遇到上传图片问题，但如果是上传图片，多数是先进行上传然后才能回显，今天给大家介绍一个简单的上传前先对图片进行回显的方式，仅用一小部分js代码即可实现 js

￡神魔★判官ぃ/ 2021年12月21日 07:23/ 0 赞/ 359 阅读