Javascript - Image.complete 为 true，但实时运行时在 Firefox 中返回 false

Question

我有一个功能:

function IsImageLoadable(URL) {
  var imageObj = new Image();
  imageObj.src = URL;

  var x = (imageObj.complete);
  var y = (imageObj.naturalHeight);

  if ( (x === true) && (y !== 0))
    return true;
  else
    return false;
}

问题在于，在 Chrome、IE、Edge 和 Opera 中，此功能可以正常工作。如果图像可加载，则 x 和 y 变量将设置为 true 并相应地设置一些大于 0 的数字。然而，在实时运行的 Firefox 中，x 和 y 设置为 false 和 0。

我说实时的原因是，在逐行调试和单步执行时，x 等于 true 并且 y 等于到500左右。

在 Firefox 中使用图像对象时会出现此问题吗？有什么建议吗？

Answer 1

在加载图像时设置处理程序

function IsImageLoadable(URL) {
  var imageObj = new Image();
  imageObj.src = URL;

imageObj.onload = function(){
   //your code
}
}