0


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

专栏文章索引:Web

有问题可私聊:QQ:3375119339

一、项目场景

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

二、问题描述

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

三、原因分析

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

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

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

四、问题解决

  • 在文件夹中打开

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


标签: 前端 vscode

本文转载自: https://blog.csdn.net/m0_63636799/article/details/137795056
版权归原作者 老小孩- 所有, 如有侵权,请联系我们删除。

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

还没有评论