Question

我尝试每0.7秒刷新一次。来自网络摄像头的图像。

在网页上显示图像之前，我预先加载图像，对预加载的图像进行一些检查，如果一切正常，想要更新页面上图像标记的src属性。不幸的是，这不起作用

在chrome devtools中，我可以看到图像的预加载工作正常，但是由于某种原因网页上的更新不会发生。

有关为何发生这种情况的任何想法？

谢谢大家。

2016年6月6日更新：拼写错误（＆＃39;测试＆＃39;）。attr ...替换为$（＆＃39; #test＆＃39;）。atrr ...

我的代码：

<img id="test" width="710" height="400"/>

    <script>
        jQuery(window).ready(Update_Screen);

        function Update_Screen(){
            setInterval(preload, 700);
        };

        function preload(){
            var my_image = new Image();
            var img_path = "/cgi-bin/ZavioCamCGI.py?key=" + (new Date().getTime());
            my_image.src = img_path;
            var x = true;
            if (!my_image.complete) {
                x = false;
            };
            if (typeof my_image.naturalWidth !== "undefined" && my_image.naturalWidth === 0) {
                x = false;
            };
            if (x == true) {
                $('#test').attr('src',img_path);
            };
        };
    </script>

Answer 1

$('test').attr('src',img_path);

应该是

$('#test').attr('src',img_path);
// ^ missing hashtag sign

<强>更新

添加主题标签后，您的代码似乎工作正常，请参阅此jsfiddle。

Answer 2

你有一个拼写错误：它应该是$('#test')...

基于预加载的图像更新src图像不起作用

2 个答案: