javascript - 处理: onload not being triggered for images with size zero in JavaScript?的最佳方法是什么

Question

为了确保图像加载到我们的页面上，然后继续到下一个状态，我们使用了 onload 方法，如前面提到的 here :

image = new Image();

image.onload = function(){
  // go to the next state
};

image.src = image_url;

问题是尺寸为零的图像不会触发该事件，因此页面保持暂停模式并且不会进入下一个状态。

处理大小为零的图像未触发 onload 函数的问题的最佳方法是什么？

相关问题:

1- new Image(), how to know if image 100% loaded or not?

Answer 1

如果您希望在图像加载完成或加载失败时继续处理，您可以将事件处理程序添加到 .onerror 事件中:

var image = new Image();

image.onload = image.onerror = function () { 
    // go to the next state
};

image.src = image_url;