如何在 HTML 网页中显示放置在客户端机器上的本地图像

Question

如何在 Web 服务器上托管的 HTML 网页中显示放置在客户端计算机上的本地图像

我在C:/Images文件夹中放置了很少的图像，因此路径应该是file:///C:/Images/1.jpg一个image 1.jpg

我正在使用<img src="file:///C:/Images/1.jpg" />sample.html 中的代码

sample.html 放置在本地硬盘上时，显示1.jpg，但是当我将sample.html文件放在网络服务器上时，它不会显示放置在我的 C: 驱动器上的图像。

有没有办法从放置在 Web 服务器上的 HTML 网页显示放置在客户端 HDD 上的图像？

我什至尝试了 iframe，但没有运气。

编辑：我可以使用用户脚本或 firefox 插件显示这些图像吗？我实际上是在我的屏幕保护程序 firefox 插件中实现这个东西的。

Answer 1

出于安全原因，不允许网页访问 file:/// URL，这是没有办法解决的。但是，如果您通过其他协议访问相同的文件 - 这可以工作。例如，您可以将以下行放入附加组件的chrome.manifest文件中：

资源 myaddon file:///C:/Images

这将创建一个指向该目录的资源协议别名- 并且该资源协议可以被网页使用。这意味着页面将能够将图像C:\Images\1.jpg用作resource://myaddon/1.jpg.

您还可以动态添加资源协议别名。只需确保仅以这种方式访问​​图像而不是所有磁盘内容 - 否则您可能会打开安全漏洞。