Firefox,iOS Safari没有用jquery更改一次img src

Question

我正在尝试每秒使用JQuery从img标签更改src属性.在谷歌浏览器上运行良好,每一秒都会出现新图像.但不适用于Firefox或我的iPad.仅更改图像一次.

这是我正在使用的代码:

$(document).ready(function(){
    function refreshIMG(){
        $("#camara").attr("src", "localhost:4000");
    }
});
window.setInterval(refreshIMG, 1000)

在localhost:4000我运行龙卷风服务器并使用openCV保存我的网络摄像头图像.我知道这是有效的,因为它适用于谷歌浏览器,我将图像保存在我的硬盘上.另外添加并警告("测试")到refreshIMG功能,警报每秒都会在firefox和我的iPad2上显示,但图像不会改变.

测试了Firefox 11,ipad和iOS 5.1,Chrome 18. Ubuntu 11.10

Answer 1

是否有可能这些其他浏览器检测到src是相同的,所以它不会改变任何东西？

尝试添加?time=" + new Date().getTime()到您的src.我还建议移动setInterval内部$(document).ready()以防它refreshIMG()在它存在之前尝试执行,因为DOM没有准备好(不太可能,但是好的做法).最终产品将是这样的:

$(document).ready(function(){
    function refreshIMG(){
        $("#camara").attr("src", "localhost:4000?time=" + new Date().getTime());
    }
    window.setInterval(refreshIMG, 1000);
});

这可能会"欺骗"那些浏览器认为它是一个完全不同的图像并刷新它.

否则,您可以尝试对唯一内容所在的页面进行AJAX调用<img src="localhost:4000">,然后使用当前图像中的HTML替换该HTML.