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

我有一个功能：

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等于500ish。

在Firefox中使用图像对象时，这是一个问题吗？有什么建议么？

最佳答案

在加载图片上设置处理程序

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

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