如何檢查已加載的圖像是否已加載JavaScript？

Question

我指的不是：

var img = document.getElementById('someimage');
img.onload = function () {.....};

要么 ：

$("#someimage").load(function (){...});

如果我錯了請糾正我，但我相信上述兩個選項只有在調用任何這些函數時圖像尚未加載 時才有效。

如果在調用上述函數之一時已加載#someimage ，則該函數將無法執行。

我可以創建一個間隔，不斷檢查圖像的高度和寬度，一旦它們都不等於零，那么考慮圖像已加載：

var checkImg = setInterval (function ($img, cb)
{
   if (($img.height() > 0) && ($img.width() > 0))
   {
      clearInterval(checkImg);
      cb();
   }
}, 200);

我已經嘗試了這個並且在它們達到最大值之前明顯評估了圖像的高度和寬度它無法工作。

我可以檢查圖像的高度和寬度是否正確，但我可能事先不知道圖像的高度和寬度。 我也想避免使用magic numbers 。

有什么建議？

謝謝！

Answer 1

我想你正在尋找這里提供的解決方案：

如何判斷是否在JQuery中加載或緩存了圖像？

基本上，檢查圖像對象的“.complete”屬性。