Question

我正在开发网络摄像头应用程序，每秒刷新浏览器图像上的凸轮图像。它在chrome中运行良好，但在其他浏览器中不起作用。下面是我使用的java脚本代码。请建议是否有人有解决方案。提前谢谢。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript">
    var access_point = "http://dogcity.viewmydog.com/cam0.jpg";
    function initCamera()
    {
        document.getElementById('main_image').src =access_point;
        setInterval(function(){refreshImage()},1000);
    }

    function refreshImage()
    {
        document.getElementById('main_image').src =access_point;
    }
</script>   
</head>  
<body onload="initCamera()">
<div class="innerDiv" id="innerDiv">
<img class="camImage" id="main_image" src="" width="320" />
</div>
</body>

Answer 1

如果变量access_point未更改，我认为浏览器不会尝试刷新图像。尝试在设置虚拟URL之前设置虚拟（或空）URL，以触发刷新。

Answer 2

你的javascript代码运行正常。问题是浏览器缓存图像。因此，如果使用相同名称传入的新图像，您将看不到它正在发生变化。您可以将数字连接到图像URL，也可以使用no-cache。

Answer 3

我正在研究它。但我认为你应该获得有关server的信息。他们正在处理请求。所以你可以相应地请求。因为我没有从浏览器端找到任何方法来解决这个问题。

Answer 4

您可以通过在提供图像的src

时传递额外的变量来强制浏览器刷新图像

像这样更改你的刷新功能

function refreshImage()
{
    var mainimage = document.getElementById('main_image');
    d = new Date();
    mainimage.src = access_point + d.getTime();
}

刷新图像在mozilla中不起作用

4 个答案: