Изображения не отображаются при использовании файла: /// c: /

Question

Я использую jQuery и хотел бы отображать изображения с моего компьютера, а не размещать их. У меня есть следующее:

/* 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

Невозможно из-за безопасности.

Единственный способ загрузить изображения с «локальными» путями к файлам - это запросить страницу, используя ее локальный путь к файлу, а не URL веб-сервера. Например:

Вместо:

http://example.com/mypage.html

Использование:

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