Есть ли способ получить локальное изображение на статическом сайте без серверной части? - PullRequest
2 голосов
/ 02 января 2012

У меня есть статический веб-сайт, который должен обеспечивать отображение локального изображения с компьютера пользователя.Этот сайт не имеет реального бэкэнда, он размещен только на статическом файловом сервере.Также изображение не должно обрабатываться на сервере, вся обработка выполняется на компьютере клиента с самого веб-сайта.

То, что я пробовал:

  1. Используйте локальный путь. Проблема: Политика перекрестного происхождения, если веб-сайт размещен на сайте "www.mywebsite.com", в браузере не поддерживаются статические файлы.

  2. Использование imageshack.us API для загрузки в iframe, а затем вернуть URL изображений. Проблема: Политика перекрестного происхождения, iframe не должен передавать информацию своему родителю, если его контент не находится в том же домене.

Есть ли у вас какие-либо идеи?как решить эту проблему?

Спасибо

1 Ответ

3 голосов
/ 02 января 2012

Вы можете использовать FileReader API readAsDataURL и использовать URL возвращенных данных для отображения изображения. На странице MDN есть пример, который делает именно это, и вы можете видеть, что он работает здесь .

Обратите внимание, что API FileReader является относительно новым, и его поддержка в IE <10 отсутствует. <a href="http://www.caniuse.com/#search=filereader" rel="nofollow"> Поддержка браузера

Демо кода МДН

...