刷新图像在mozilla中不起作用

时间:2013-09-17 06:07:48

标签: javascript

我正在开发网络摄像头应用程序,每秒刷新浏览器图像上的凸轮图像。它在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>

4 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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

答案 3 :(得分:0)

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

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

像这样更改你的刷新功能

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