img的src使用绝对路径显示图片

<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的评论)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值