html中img图片绝对路径时无法正常显示的问题

这个绝对路径:是指目录下的绝对位置,直接到达的目标位置,通常是从盘符开始的路径。
在这里插入图片描述

如果使用这个绝对路径时,首先确认该文件存在并无错误,

发现通过vscode或某编译器打开的浏览器不能加载绝对路径图片,但使用相对路径时,图片正常显示

并且从计算机你放的盘,进入这个绝对路径打开html文件时,图片可以正常加载
在这里插入图片描述
在这里插入图片描述

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

你可以使用本地打开的方式,直接在你的计算机打开这个html文件,此时打开的网页路径是file://xxxx,这时候你的图片应该就能显示出来了。
在这里插入图片描述

在这里插入图片描述

这个问题不是很重要。只是为了解决卡在这里想不通的人的一些疑惑,实际操作中很少用到

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐