javascript - 如何创建 JavaScript 回调以了解何时加载图像？

Question

我想知道图像何时完成加载。有没有办法通过回调来做到这一点？

如果没有，有什么办法吗？

Answer 1

.complete + 回调

这是一个符合标准的方法，没有额外的依赖，并且等待的时间不会超过必要的时间:

var img = document.querySelector('img')

function loaded() {
  alert('loaded')
}

if (img.complete) {
  loaded()
} else {
  img.addEventListener('load', loaded)
  img.addEventListener('error', function() {
      alert('error')
  })
}

来源:http://www.html5rocks.com/en/tutorials/es6/promises/