从本地位置加载图像？

Question

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

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

此代码仅适用于Internet Explorer，不适用于Chrome或Firefox。正如我GOOGLE了早期版本的Mozilla支持这一点。但Chrome从不支持这一点。任何人都可以解释为什么会发生？是否有任何解决方案来支持所有浏览器。

Answer 1

为了安全起见，火狐（大概铬也）不支持链接到本地​​文件：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;">