没有显示“ HTTP身份验证”弹出窗口

Question

我正在尝试加载相机的快照，并且我希望在单击按钮时显示身份验证弹出窗口，但是它不起作用。我正在按照此示例https://www.httpwatch.com/httpgallery/authentication/

当我转到http://192.168.100.103:8080/snapshot.jpg时，弹出窗口会显示出来，但是当我单击按钮时却不会显示。

<script type='text/javascript'> 
function getit() {setTimeout(function(){ document.getElementById('downloadImg').src = ('http://192.168.100.103:8080/snapshot.jpg?' + Math.random().toString(10));}, 1000);}
</script> 

<img id="downloadImg">

<input type="button" class="button1 buttonspace" value="Display Image" id="displayImage" onclick='getit()'>

即使我登录后代码可以工作，我还是希望在加载图像时显示身份验证弹出窗口。

我在做什么错了？