idea软件有localhost导致的图片路径不符

用IDEA软件编写HTML5的图片路径<img src="C:\Users\Administrator\Desktop/1.jpg" >用idea软件直接打开不会显示图片,从计算机文件夹打开网页会显示图片,原因是从idea软件打开有localhost导致的图片路径不符打不开,这种怎么解决?

因为从idea软件以 http://localhost/xxxxx.html 地址打开网页属于http协议的网络页面,
在浏览器中为了用户安全不允许http协议的网络页面内引入C:\Users\Administrator\Desktop/1.jpg这种用户本地磁盘中的图片。
如果从计算机文件夹打开网页,就同属于用户本地磁盘中的文件,自然是允许引入。
这是浏览器中为了用户安全的行为,没有解决办法,只能避免。

@Configuration
public class WebMvcConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("*")
                .allowCredentials(true)
                .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS", "HEAD")
                .maxAge(3600);
    }
    //配置上传后的图片静态映射地址
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/examPic/agent/**").addResourceLocations("file:"+absPath);
    }

要进行路径映射,配置一下就好了。

需要把图片放到你网站的文件夹中,用<img src="http://localhost/xxxxx/1.jpg" >地址访问

将你的HTML文件中的图片引用路径改成相对路径就好了

 

您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632