专栏文章索引:Web
有问题可私聊:QQ:3375119339
一、项目场景
在vscode html里的img标签使用绝对路径
二、问题描述
在vscode html里的img标签使用绝对路径图片加载不出来
三、原因分析
如果页面在服务器上,浏览器出于安全考虑是不允许html访问本地文件的。不会允许浏览器打开file://开头的本地图片的。
如果页面html文件是放在本地的,比如用浏览器打开桌面上的html文件,是可以访问本地图片文件的。但也不能访问所在根目录以外的文件夹下的图片。否则会报错: “not allowed to load local resource”。
在用浏览器打开网页时帮你虚拟了一个服务器(可以认为在此虚拟服务器外的文件相当于在另一个电脑里),因此你点击webstorm右上角的浏览器图标打开网页时,网页路径是localhost:xxxx而你的图片也显示不出来。
四、问题解决
- 在文件夹中打开
这个方法有的网站图片仍打不开
版权归原作者 老小孩- 所有, 如有侵权,请联系我们删除。