前端通过http请求访问本地图片

骑猪看日落 2024-05-24 13:03 65阅读 0赞

### 1、前端直接引用本地图片，图片加载失败 ###

![在这里插入图片描述][2751f8e9fe134042bf70eb0e378aa0f2.png]  
具体报错信息如下：  
![在这里插入图片描述][96e79fb604bc49df9e1ce96413250f2d.png]`Not allowed to load local resource`不允许加载本地资源

### 2、针对以上问题，只需要利用拦截器将本机地址映射成url路径就行 ###

具体代码如下

@Configuration
    public class FileConfig implements WebMvcConfigurer {
        
        @Value("${ATTACHMENT_PATH}")
        private String attachmentPath;
    
        @Override
        public void addResourceHandlers(ResourceHandlerRegistry registry) {
        
            registry.addResourceHandler("/image/**") //虚拟url路径
            		//.addResourceLocations("file:D:/images/");
                    .addResourceLocations("file:" + attachmentPath); //真实本地路径
        }
    }

图片访问地址为：`http://localhost:8088/image/aaa.png`

[2751f8e9fe134042bf70eb0e378aa0f2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/24/59a96a52c157414b8349552b6cfc5798.png
[96e79fb604bc49df9e1ce96413250f2d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/24/8112c76ccb8c4873afec252f4d2e5257.png

发表评论取消回复

表情：

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

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

相关阅读

相关前端通过http请求访问本地图片

前端通过http请求访问本地图片

骑猪看日落/ 2024年05月24日 13:03/ 0 赞/ 66 阅读

相关 SpringBoot项目中前端页面通过URL访问本地文件夹（访问静态文件）

前端页面通过URL访问本地文件夹因为SpringBoot项目中使用的嵌入Tomcat，所以前端页面不能像以前那样直接将从Tomcat很目录访问文件。解决办法：继承

绝地灬酷狼/ 2022年12月26日 08:20/ 0 赞/ 197 阅读

相关 SpringBoot项目中前端页面通过URL访问本地文件夹（访问静态文件）

前端页面通过URL访问本地文件夹在application.yml中添加配置实现WebMvcConfigurer接口前端页面中进行访问 -----

野性酷女/ 2022年12月04日 01:12/ 0 赞/ 720 阅读

相关前端Ajax请求、HTTP POST请求、HTTP GET请求示例

Ajax请求用法一 function check() { //定义变量sendData var sendData ={ id:"12

ゝ一纸荒年。/ 2022年05月26日 04:10/ 0 赞/ 314 阅读

相关 CSS控制前端图片HTTP请求的各种情况示例

图片的http请求，有很多种情况，那么究竟什么情况下面不会发生请求呢？下面我用案例一一列举一下，希望对你深入了解http图片请求有所帮助。 1. 隐藏图片 XML/HTML

小咪咪/ 2022年05月12日 01:52/ 0 赞/ 127 阅读

相关 Java实现通过证书访问Https请求

创建证书管理器类 import java.io.FileInputStream; import java.security.KeyStore; imp

痛定思痛。/ 2022年03月22日 16:29/ 0 赞/ 373 阅读

相关 jdk1.7访问https请求，jdk1.8访问https请求

之前用jdk1.7去访问https，怎么都不成功，要么成功后就是返回html代码，而不是json数据，但是用jdk1.8访问就是成功的，返回的也是json数

刺骨的言语ヽ痛彻心扉/ 2022年01月23日 01:19/ 0 赞/ 640 阅读

相关 springboot本地模拟https请求

[ ][Link 1] 版权声明：本文为博主原创文章，遵循[ CC 4.0 by-sa ][Link 1]版权协议，转载请附上原文出处链接和本声明。本文链接： [http

末蓝、/ 2021年10月01日 07:56/ 0 赞/ 621 阅读

相关 C#访问HTTP请求

代码连接：[http://download.csdn.net/download/tr1912/10104222][http_download.csdn.net_download

阳光穿透心脏的1/2处/ 2021年06月24日 15:57/ 0 赞/ 499 阅读

相关通过Java HTTP连接将网络图片下载到本地

import java.io.ByteArrayOutputStream; import java.io.File; import java.io.FileOu

浅浅的花香味﹌/ 2021年06月24日 13:59/ 0 赞/ 525 阅读