刷新图像在 Mozilla 中不起作用

Refresh image not working in mozilla

本文关键字：不起作用 Mozilla 图像 刷新      更新时间：2023-09-26

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

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

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

我努力过，但我认为您应该获得有关服务器的信息，他们如何处理您可以相应地请求的 request.so。因为我没有从浏览器端找到任何解决此问题的方法。

您可以通过传递一个额外的变量来强制浏览器刷新图像，同时提供图像的 src

像这样更改刷新函数

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