SpringBoot项目静态图片加载浏览器不显示问题解决方案

项目结构如下：

我是通过Maven创建的以Thymeleaf为模板引擎创建的SpringBoot Web项目，发现加载的图片在浏览器不显示，本来我以为是配路径加载错误，后来发现路径并没有问题，我的图片放在src/main/resources/static/images目录中，在前端加载代码如下：${aBook.picture}是获取模型的图片名称。

 <img th:src = "'images/' +${aBook.picture}" alt="图书封面" style="height: 180px; width: 40%"/>

这样看起来其实没有任何问题，但是就是浏览器不显示图片，后面我以为需要像springMVC一样，需要配置静态资源路径，进行映射，防止拦截器拦截，我就在全局配置文件application.properties下配置了路径，后面发现根本没有必要配置，配置了也没有意义，因为SpringBoot默认访问static目录，所以最终的解决方法就是更新缓存并重启项目，就可以正常显示了。
如下所示：

显示效果：

SpringBoot项目静态图片加载浏览器不显示问题解决方案相关推荐

SpringBoot项目中图片加载失败
SpringBoot项目中图片加载失败这个原因有很多,比如你的拦截器,过滤了静态资源. 如果你感觉自己的前端代码没有问题,配置也没有问题,可能是由于你后期导入的图片还没有被加载到target文件夹中 ...
【Flutter】Image 组件 ( 加载网络图片 | 加载静态图片 | 加载本地图片 | path_provider 插件 )
文章目录一.加载网络图片二.加载静态图片三.加载本地图片四.完整代码示例五.相关资源一.加载网络图片参考 [Flutter]Image 组件 ( Image 组件简介 | Image 构 ...
图片加载失败时,显示默认图片
当我们页面中需要加载一些图片时,可能由于网络问题,或者图片文件缺失等问题,导致图片不能正常展示我们希望有一种降级处理的方式,可以在图片加载失败后显示一张我们预先设定好的默认图片 1.监听图片的 er ...
vue本地项目配置图片加载失败_vue图片加载失败时用默认图片替换的方法
vue图片加载失败时用默认图片替换的方法前言本文主要给大家介绍的关于vue实现图片加载失败时用默认图片替换的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧方法如下原理 ...
img 图片加载错误时显示默认图片
有时我们项目里的图片加载错误时(比如 404),为了友好体验,我们可以用一张默认图片来替代. 方法一:用 background 遮住原图片 <img src="no-such-pic. ...
js中图片加载失败，显示默认图片
js处理img标签加载图片失败,显示默认图片 1.第一种方法: 如果已经引入了jquery插件,就很好办.没有的话,如果实在需要,可以附上代码: $('img').error(function(){$ ...
图片加载失败后显示默认图片
加载失败后显示默认图: <img :src="`${img}.png`" onerror="javascript:this.src='logo.png'" ...
SpringBoot项目中自动加载datasourceConfig配置导致启动失败
在自己学习搭建SpringBoot的项目中并没有使用到数据库,但在启动的时候报没有找到数据源,网上查了一下发现原因是SpringBoot项目启动时会自动加载datasourceConfig配置经过尝 ...
【java】springboot项目启动数据加载内存中的三种方法
文章目录一.前言二.加载方式 2.1. 第一种:使用@PostConstruct注解(properties/yaml文件). 2.2. 第二种:使用@Order注解和CommandLineRunn ...

SpringBoot项目静态图片加载浏览器不显示问题解决方案

SpringBoot项目静态图片加载浏览器不显示问题解决方案

SpringBoot项目静态图片加载浏览器不显示问题解决方案相关推荐

最新文章

热门文章