jquery - 使用 jquery 重新加载多网络摄像头(jpg) IMG

Question

刚刚表示要使用 Jquery 和 Java。我说要设置一个带有多个网络摄像头的页面并使用 Jquery 更新实时预览图像。尝试用谷歌搜索，但我无法找到一个“简单”的解决方案来重新加载多个相机 jpeg，而无需重新加载整个页面。到目前为止，我想出了这个并且它“有效”

脚本部分

 $(document).ready(function() {
        setInterval('updateCamera()',2000);
});

function updateCamera() {
        $('#camera1').attr('src','camera1.jpg?' + Math.random());
        $('#camera2').attr('src','camera2.jpg?' + Math.random());
        }

HTML

<img id="camera1" src="camera1.jpg" border=1/>
<img id="camera2" src="camera2.jpg" border=1/>

有人对此有更好的想法/解决方案吗？就像只更新 id 元素一样？抱歉，如果这个问题有点“新手”，但必须有一个更简单的解决方案。

Answer 1

这是一个很好、简单的解决方案，如果有效，就坚持下去。如果您愿意，您可以使其更加动态:

function updateCamera() {
    $('.cameras').each(function() {
        var url = $(this).attr('src').split('?')[0];
        $(this).attr('src', url + '?' + Math.random());
    })
}

这样，如果您只需为每个图像指定相同的类名，则无需单独指定它们。