springboot+thymeleaf 前端图片映射

梦里梦外; 2023-10-05 15:17 15阅读 0赞

1.添加配置类

@Component
    public class WebAppConfig extends WebMvcConfigurerAdapter{
        
        @Override
        public void addResourceHandlers(ResourceHandlerRegistry registry) {
        
            // /userImage/1.jpg将替换为： E:/swimmingCenter/userImage/1.jpg
            registry.addResourceHandler("/userImage/**").addResourceLocations("file:E:/swimmingCenter/userImage/");
        }
    
    }

2.前端：

<img th:src="@{${user.image}}" style="width: 20px;height: 20px">

前端映射结果  
![在这里插入图片描述][20201208163402480.png]  
![在这里插入图片描述][2020120816351831.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1poYVpoYV9fSHVp_size_16_color_FFFFFF_t_70]

[20201208163402480.png]: https://img-blog.csdnimg.cn/20201208163402480.png
[2020120816351831.png]: https://img-blog.csdnimg.cn/2020120816351831.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1poYVpoYV9fSHVp_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/2020120816353653.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1poYVpoYV9fSHVp,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

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

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

相关阅读

相关图片上传并映射回显

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

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

相关 springboot+thymeleaf 前端图片映射

1.添加配置类 @Component public class WebAppConfig extends WebMvcConfigurerAdapter{

梦里梦外;/ 2023年10月05日 15:17/ 0 赞/ 16 阅读

相关 SpringBoot配置图片虚拟映射

> 1. 新建一个MyWebAppConfigurer 配置静态资源需要映射的位置、建议把addResourceLocations的路径写在application.yml中、方

叁歲伎倆/ 2023年10月02日 16:19/ 0 赞/ 18 阅读

相关 SpringBoot Model 映射到前台显示图片

SpringBoot在后台上传上图片之后在前台有很多方法给显示出来，我掌握的有model映射和vue获取这两种方式，这篇文章我介绍下怎么写model映射到前台图片。首先我们

男娘i/ 2023年06月13日 04:40/ 0 赞/ 10 阅读

相关前端图片二进制

即：读[《玩转前端二进制》][Link 1]测试及学习先上图，是关于图片在前端变化的流程 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5n

深藏阁楼爱情的钟/ 2023年03月01日 09:04/ 0 赞/ 101 阅读

相关 Springboot图片上传和映射

目录一、文件异步上传 1、前端html、css、js 2、后端 3、路径映射二、表单提交上传三、文件上传原理 --------------------

小咪咪/ 2022年12月30日 07:46/ 0 赞/ 174 阅读

相关前端图片质量压缩

前端有一种业务场景，就是对大图进行优化，那么比如我们做B端系统想要去配合C端系统进行优化的时候就可以这样做：将配置的图片上传的时候传俩份，一份是原图，一份是压缩后的图片。这样C

梦里梦外;/ 2022年11月21日 14:55/ 0 赞/ 217 阅读

相关前端压缩图片 tinypng

前端写页面，很多时候会引入大量的图片，网页打开的时候加载速度就会成为一个问题，尤其是在目前的移动端（未来网速大幅提升的情况下会好很多），现在这样的情况下压缩图片是很好的

亦凉/ 2022年05月24日 14:18/ 0 赞/ 220 阅读

相关前端图片跳动效果

最近做企业站，想加个图片跳动的特效，这里记录一下，直接上代码 html代码 <div class="xl-box"> </div> css代码 /图片

素颜马尾好姑娘i/ 2022年04月12日 13:23/ 0 赞/ 147 阅读

相关 springboot2 图片映射配置：WebMvcConfigurationSupport

1.添加配置类 package com.xxx.commons; import org.springframework.context.annotation.Configu

缺乏、安全感/ 2022年01月23日 15:43/ 0 赞/ 165 阅读