Как установить тег <img>с базовой аутентификацией

Question

Я хотел бы отобразить изображение с сетевой камеры на моей веб-странице, но изображение находится за сервером базовой аутентификации HTTP.

В Firefox и Chrome я могу сделать это:

<img width="320" height="200" src="http://username:password@server/Path" />

Но в Internet Explorer 8 я получаю пустое поле с изображением.Если я использую JQuery для установки атрибута src, IE8 отображает пустой src.Похоже, что IE8 проверяет строку и отклоняет ее.

Есть ли способ поместить базовые учетные данные аутентификации в тег img?

Answer 1

Итог: не все браузеры позволяют это.Это может работать в некоторых, но не в других.

Но, как уже сказал кто-то другой, это не очень безопасно - вы эффективно даете логин и пароль всем, кто просматривает страницу.Не хорошо.

Лучшим вариантом будет прокси-сервер через тот же сервер, с которого вы предоставляете HTML-код, тогда href в теге <img> может быть просто локальным URL, и никтонужно знать, откуда на самом деле происходит изображение.

Answer 2

Вы можете загрузить свои img с помощью AJAX, используя XMLHttpRequest . Как вы, возможно, знаете, XMLHttpRequest имеет метод setRequestHeaders, поэтому вы сможете манипулировать заголовками для вашего запроса, следовательно, вы сможете выполнять базовую HTTP-аутентификацию.

Answer 3

Лучший способ - создать страницу входа в систему, а затем настроить переадресацию портов на маршрутизаторе для отображения камеры. Камера поставляется с веб-программным обеспечением?

Answer 4

См. http://support.microsoft.com/kb/834489 и http://msdn.microsoft.com/en-us/library/ie/ee330735(v=vs.85).aspx#login_creds_urls

Короче говоря, имена пользователей и пароли формально не поддерживаются в схемах протокола HTTP / HTTPS и из-за их использования в фишинговых атаках они были отключеныв IE6 на XPSP2.Поддержка может быть повторно включена пользователем вручную с помощью переопределения реестра (FEATURE_HTTP_USERNAME_PASSWORD_DISABLE), но это не рекомендуется.