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;