如何使用基本身份验证设置<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代码的同一台服务器对其进行代理，然后<img>标记中的href 可能只是本地URL，而无需知道图像的实际来源。

@Robert - 没有消息来源；只是经验；前段时间我和你有类似的挫败感，尝试了一些非常相似的事情。:) 但这就是说，由于我的另一点，我可能已经过时了，因为我实际上已经有一段时间没有尝试过做这种事情了；即它不是很安全。 (2认同)

Answer 2

您可以img使用XMLHttpRequest加载AJAX 。您可能知道，XMLHttpRequest 有一个setRequestHeaders方法，因此您将能够操作请求的标头，因此，您将能够进行基本的 HTTP 身份验证。