img标签的奇怪问题

心理患者

已于 2024-01-10 12:01:05 修改

阅读量814

点赞数 9

文章标签： spring boot 后端 java 前端 img

于 2024-01-09 20:51:40 首次发布

本文链接：https://blog.csdn.net/qq_64164071/article/details/135489062

版权

文章讲述了作者在使用SpringBoot项目开发时，遇到轮播图图片URL过期，试图通过配置允许浏览器访问本地文件和将图片路径存入数据库的方式解决。过程中发现前后端资源路径处理的不同导致图片显示问题，最终解决了问题但感慨过程中的复杂性。

摘要由CSDN通过智能技术生成

本来只是为实现一个轮播图，img的url地址是从后端接口获取的，但不巧的是url地址的图片都过期了。因为懒得重新到网上找图，就想直接用一下本地的图片，简单的想法遇到一堆问题。

问题一：

因为是springboot项目，遇到的第一个问题就是，springboot内嵌了tomcat，而tomcat禁止浏览器访问本地文件，试了一下，直接用浏览器其实是可以访问本地图片的。那么解决思路就是怎么让它不禁止访问本地文件。

解决方法可以改写WebMvcConfigurationSupport 里的方法，让他用可以访问指定的本地地址。

@Configuration
public class LocalPathWebMvcConfigurer extends WebMvcConfigurationSupport {
    /**
     * 在springboot项目中，允许浏览器访问指定本地文件
     *
     * @param registry
     */
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/img/**").addResourceLocations("file:///D:/exerciting/java/mall-picture/");
        super.addResourceHandlers(registry);
    }
}

本来以为找到方法，可以解决了，事实却没有显示成功。（后来改了，成功显示^_^）

但这并不代表这方法没有用，因为通过控制台查看，表示这些图片是成功获取了的，但没有显示出来。

这可能就跟前端有关了，直接访问本地行不通，那就老实到网上找一些图片喽。

偏不，本地又不只有这一个方向，我把它放前端的静态资源里不就行了（因为是前后端分离），没想到的是接下来遇到了更更奇怪的问题。

问题二：

因为要调后端接口获取地址，我就直接将“../assets/png/person.png”存到了数据库中，然后就，果然又出问题了，在尝试了<img src="../assets/png/person.png"/>发现能显示图片后，反正就是懵懵懵，然后老老实实的写<img src="src/assets/assets/png/person.png"/>，果然就没有问题了。

两个本该都能显示图片的，唯一的区别就在于调后端接口获得地址后，一个可以显示，一个不能显示。

原因那就不清楚喽，反正有这么个事，就看大家伙有没有遇到了。

唉，怎么想偷个懒还更麻烦了呢。