关于img标签绝对路径和相对路径问题

代码如下：

问题是从盘符出发图片不能显显示

而使用第二种 /first/image/time.jpg则可以显示图片

<!--图片标签的使用-->
<img src="image/timg.jpg" alt="这是一张图片" width="400px" height="250px"/><br/>
<img src="/first/image/timg.jpg" alt="这是一张图片" width="400px" height="250px"/>
<img src="F:/webstormproject/first/image/timg.jpg" alt="这是一张图片"/>

运行结果如下：

浅梦sky 2020-11-13

源自：HTML入门 3-11 编程练习

收起

1回答

好帮手慕阿园回答被采纳获得+3积分 2020-11-13 15:39:39

同学你好，同学可以从以下几方面来排查

1，查看下绝对路径书写是否正确

2，使用f12查看下控制台是否报错，根据报错信息进行排查

3，同学使用的是什么编辑器，如果是webstorm编辑器；不要使用这个编辑器去打开，可能是由于编辑器自带的内置服务器解析本地绝对路径不成功导致的，同学可以换个编辑器再试试

如果没有解决同学的问题，同学查看f12将报错信息进行反馈

祝学习愉快

收起回答

浅梦sky 提问者 #1

报错信息如下： Not allowed to load local resource: file:///F:/webstormproject/first/image/timg.jpg

2020-11-13 16:37:48
好帮手慕阿园回复提问者浅梦sky #2

同学你好，这个错误就是上述所说的编译器内置服务器解析本地绝对路径失败的问题，同学换个编译器再试试祝学习愉快

2020-11-13 17:14:57
浅梦sky 提问者回复好帮手慕阿园 #3

我用Hbuilder这个编辑器也是报一样的错误

2020-11-13 17:39:08