javascript - 使用 FTP jquery 上传图片检查图片是否加载

Question

我一直在寻找问题的解决方案，但没有找到我要找的东西。

好吧，我有一个网页，其中包含每 5 秒从网络摄像头拍摄的“实时图像”，我使用 FTP 上传图像并将旧图像替换为新图像。我的问题是，有时 FTP 在传输过程中，图像被 chop ，所以我想说如果图像加载显示，如果不是，则不要“刷新”图像。这是我的代码:

setInterval(function(){
   $("#imagerefresh").attr("src", "images/image_1.jpg?"+new Date().getTime()).load();
},5000);

我发现很多帖子问你如何检查图像是否加载，并尝试了它们但它们只执行一次，就像这个:

setInterval(function(){
   $("#imagerefresh").load(function(){
      $("#imagerefresh").attr("src", "images/image_1.jpg?"+new Date().getTime());
   })
 },5000);

Answer 1

试试这个:

setInterval(function() {
    $("#imagerefresh").load(function() {
        console.log("image loaded correctly");
    }).error(function() {
        console.log("error loading image");
        $(this).unbind("error").attr("src", $(this).attr("src"));
    }).attr("src", "images/image_1.jpg?" + new Date().getTime());
})
}, 5000);​