<div>
<img alt="" src="images/废物点心.jpg">
<img alt="丢失" src="E:/帅哥合集/好好笑.jpg">
</div>
第一张图片,存在和html文件并列的一个文件夹images中,使用相对路径;第二张在E盘中,复制路径得到绝对路径。用eclipse中Internal web browser打开结果如下:
但用外部浏览器打开,得到结果如下:
可见,使用外部浏览器打开时,第二张图片绝对路径未生效。修改代码:<img alt="丢失" src="file:/E:/帅哥合集/好好笑.jpg">
外部浏览器刷新,可以得到两张图片的显示。
Web服务器上的网络资源的地址定位是相对于网站根目录的。假设你的网页或者其他资源如图片是放在/var/www/html/下面,该文件夹下面的/image/a.jpg对应的url即为http://localhost/image/a.jpg。如果要访问本地绝对路径下的文件,应该使用file协议,而不是http协议。
(最后一段话抄来的哈 来自于hijack00的评论)