Firefox、iOS Safari不会使用jquery多次更改img src

Firefox、iOS Safari不会使用jquery多次更改img src,jquery,image,firefox,google-chrome,Jquery,Image,Firefox,Google Chrome,我正在尝试每秒用JQuery从img标记更改src属性。在谷歌Chrome上效果很好,每一秒都会出现一个新的图像。但不要在Firefox或我的iPad上工作。仅更改图像一次 这是我正在使用的代码: $(document).ready(function(){ function refreshIMG(){ $("#camara").attr("src", "localhost:4000"); } }); window.setInterval(refreshIMG, 1

我正在尝试每秒用JQuery从img标记更改src属性。在谷歌Chrome上效果很好,每一秒都会出现一个新的图像。但不要在Firefox或我的iPad上工作。仅更改图像一次

这是我正在使用的代码:

$(document).ready(function(){
    function refreshIMG(){
        $("#camara").attr("src", "localhost:4000");
    }
});
window.setInterval(refreshIMG, 1000)
在localhost:4000上,我正在运行tornado服务器,并使用openCV保存我的网络摄像头的图像。我知道这是可行的,因为它在谷歌浏览器上工作,我把图像保存在我的硬盘上。 另外,在refreshIMG函数中添加和警告(“测试”),每隔一秒钟,警告就会显示在firefox和my iPad2上,但图像不会改变


在Firefox 11、ipad和iOS 5.1、Chrome 18上测试。Ubuntu 11.10是否有可能其他浏览器检测到src是相同的,所以它不会改变任何东西

尝试将
?time=“+new Date().getTime()
添加到您的src中。我还建议将
setInterval
移动到
$(文档)中。ready()
以防由于DOM未准备就绪(不太可能,但良好的做法)而试图在其存在之前执行
refreshIMG()
.最终产品将类似于:

$(document).ready(function(){
    function refreshIMG(){
        $("#camara").attr("src", "localhost:4000?time=" + new Date().getTime());
    }
    window.setInterval(refreshIMG, 1000);
});
这可能会“欺骗”那些浏览器,让他们认为这是一个完全不同的图像,并刷新它


否则,您可能会尝试对唯一内容是
的页面进行AJAX调用,然后将该HTML替换为当前图像中的HTML。

您编写代码的方式,refreshIMG不在范围内,但猜测这只是编辑问题,真正的问题可能是缓存,和/或您没有等待第一个图像更新在你改变它之前加载。通过将日期添加到URL,效果非常好。非常感谢