如果使用 file:///c:/ 图像不显示

Question

我正在使用 jQuery 并希望显示来自我的 PC 的图像，而不是托管它们。我有以下内容：

/* works fine: */
.ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_2e83ff_256x240.png);
} 

/* does not work: */
.ui-widget-header .ui-icon {
  background-image: url(file:///C:/ui-icons_2e83ff_256x240.png);
}

当我在浏览器中输入file:///C:/ui-icons_2e83ff_256x240.png 时，它会漂亮地显示实际图像。这两个位置都是有效的图像位置。

这可能与图像是精灵有关吗？有人对此有任何想法吗？非常感谢。

Answer 1

由于安全原因，不可能。

使用“本地”文件路径加载图像的唯一方法是使用其本地文件路径而不是 Web 服务器 URL 来请求页面。例如：

代替：

http://example.com/mypage.html

用途：

file:///C:/path/to/htdocs/mypage.html