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

29 篇文章 0 订阅
最近做在做图片上传本地预览,就想着,其实直接获取到file.value,取得图片地址,不就能在本地看到图片了嘛,为什么网上还那么麻烦,搞那么多花样来读取图片什么滴。  
然而仅仅用绝对路径设置了img的src, 图片是不会显示,浏览器还会报错:Not allowed to load local resource:  
所以,做了做测试,查了查资料,分析分析:
在本地查看页面,如下,这种访问路径:file:///E:/myWeb1/testIE.html  
html页面中图片路径写为如下,则图片能够显示。
<img src="E:\myWeb1\before.png" alt="">
但是,当把页面放在同样路径的服务器上显示,上面的IMG就会图裂。如果图片是在c:\moumou\before.png,那更访问不到。

写成相对路径,则两种方式的访问都OK.
<img src="before.png" alt="">

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

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

评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值