Prüfen Sie, ob ein Bild geladen, jQuery (oder plain JavaScript)

Können Sie die complete Eigenschaft des Bildes.

Ist es eine Eigenschaft wie $('#myimage').isLoaded() um zu überprüfen, ob das Bild bereits geladen ist?

NÖ, aber man könnte es doch so machen 🙂

jQuery.fn.isLoaded = function() {
    return this
             .filter("img")
             .filter(function() { return this.complete; }).length > 0;
};

Diese produzieren würde true wenn alle Bilder in der Sammlung wurden geladen, und die false wenn ein oder mehrere Bilder nicht. Man könnte es anpassen, um Ihre Bedürfnisse anzupassen.

Seine ein bisschen hackish und ich bin nicht sicher, es wird überall funktionieren.
Machen, testen Sie auf Ihre eigenen.

$.fn.isLoaded = function(message) {
  var $this = $(this);
  if($this.height() > 0 && $this.width() > 0){
     return true;
  }
  return false;
};

$('#myimage').isLoaded()

EDIT:

Dies funktioniert in ff und chrome,

$.fn.isLoaded = function(message) {
  var $this = $(this); 
  $this.hide();   //becaues firefox gives a 24*24 dimension
  var w = this[0].width;
  var h = this[0].height;  
  $this.show(); 
  if(w > 0 || h > 0){ 
    return true;
  } 
  return false;
}; 
console.log($('#myimage').isLoaded());

aber wenn Sie das Bild ausblenden ie gibt, 0 als Breite und Höhe, so scheitert es für den ie. Für den ie, sollten Sie das Bild ausblenden.

Ich hoffe, jemand kann beides kombinieren diese Funktionen, um eine cross-browser-Sache, oder wenigstens wird es helfen, jemanden für sicher.