当前位置:首页 » 《关注互联网》 » 正文

【Web】在vscode html里的img标签使用绝对路径图片加载不出来

16 人参与  2024年10月09日 14:00  分类 : 《关注互联网》  评论

点击全文阅读


专栏文章索引:Web

有问题可私聊:QQ:3375119339

目录

一、项目场景

二、问题描述

三、原因分析

四、问题解决


一、项目场景

在vscode html里的img标签使用绝对路径

二、问题描述

在vscode html里的img标签使用绝对路径图片加载不出来

三、原因分析

如果页面在服务器上,浏览器出于安全考虑是不允许html访问本地文件的。不会允许浏览器打开file://开头的本地图片的。

如果页面html文件是放在本地的,比如用浏览器打开桌面上的html文件,是可以访问本地图片文件的。但也不能访问所在根目录以外的文件夹下的图片。否则会报错: “not allowed to load local resource”。

在用浏览器打开网页时帮你虚拟了一个服务器(可以认为在此虚拟服务器外的文件相当于在另一个电脑里),因此你点击webstorm右上角的浏览器图标打开网页时,网页路径是localhost:xxxx而你的图片也显示不出来。

四、问题解决

在文件夹中打开

这个方法有的网站图片仍打不开



点击全文阅读


本文链接:http://zhangshiyu.com/post/169495.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1