从本地位置加载图片?

时间:2015-10-15 12:47:50

标签: html

我尝试使用此行代码将本地图像加载到html图像中。

<img src="file://C:/local/images/aaa.jpg" alt="Images" style="width:304px;height:228px;">

此代码仅适用于Internet Explorer,不适用于Chrome或Firefox。正如我用谷歌搜索的早期版本的Mozilla支持这一点。但Chrome从不支持这一点。任何人都可以解释为什么会这样吗?有没有支持所有浏览器的解决方案。

1 个答案:

答案 0 :(得分:0)

出于安全考虑,Firefox(也可能是Chrome)不支持指向本地文件的链接:MozillaZine

要拥有跨浏览器解决方案,您需要设置相对于项目的src路径。

假设您的HTML页面位于C:/local/,则需要将图片src设置为images/aaa.jpg

<img src="images/aaa.jpg" alt="Images" style="width:304px;height:228px;">

如果您使用的是本地服务器,则可能需要绝对路径:

<img src="/images/aaa.jpg" alt="Images" style="width:304px;height:228px;">