欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

spring boot 本地图片不能加载(图片路径)的问题及解决方法

程序员文章站 2023-11-29 09:45:34
在使用html加载图片时,发现本地图片在页面上不能显示,但是直接引用网络上的资源是可以显示的。参考了众多前人的经验,得出一下结论:  本地图片不能显示最主要的问...

在使用html加载图片时,发现本地图片在页面上不能显示,但是直接引用网络上的资源是可以显示的。参考了众多前人的经验,得出一下结论:

 本地图片不能显示最主要的问题是,图片在本地url和图片在服务器上被加载是的url是不一样的。也就是路径的问题。

 解决的办法其实很简单,只要写一个配置文件,也就是图片位置的转化器,原理是虚拟一个在服务器上的文件夹,与本地图片的位置进行匹配。

 在调用本地图片时,就相当于调用服务器上的图片。

 关键的代码如下:

 @configuration
public class mywebappconfiguration extends webmvcconfigureradapter {
  @override
  public void addresourcehandlers(resourcehandlerregistry registry) {  
 /**
 * @description: 对文件的路径进行配置,创建一个虚拟路径/path/** ,即只要在<img src="/path/picname.jpg" />便可以直接引用图片
 *这是图片的物理路径 "file:/+本地图片的地址"
 * @date: create in 14:08 2017/12/20
 */   registry.addresourcehandler("/path/**").addresourcelocations("file:/e:/webpackage/ideaprojects/shirolearn/src/main/resources/static/");
    super.addresourcehandlers(registry);
  }
} 

下面看下spring boot html中无法读取本地图片问题

需要设置spring boot的静态资源路径,具体为在application.properties中添加:

spring.resources.static-locations='静态资源路径'

如以下配置指定了类路径作为静态资源路径:

spring.resources.static-locations=classpath:/

如果我的图片qiaoba.jpeg放在了src/main/resoruces/images下,那么我可以在html中如此引用图片:

<img alt="qiaoba" src="images/qiaoba.jpeg">

总结

以上所述是小编给大家介绍的spring boot 本地图片不能加载(图片路径)的问题及解决方法,希望对大家有所帮助