关于img标签的src的绝对路径问题

本文讨论了HTML页面中图片路径配置的问题。当页面部署在服务器上时,直接引用本地文件路径会导致加载失败。文章建议使用相对路径来引用本地图片资源。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

html页面中图片路径写为如下,则图片不能够显示。

<img src="E:\myWeb1\before.png" alt="">

会报错:

“not allowed to load local resource”。

写成相对路径,则OK.

<img src="1.jpeg" alt=""> 或 <img src=".\1.jpeg" alt=""> 

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值