Prüfen, ob Bild geladen werden kann

Question

Ich möchte Wetter bestimmen Ich kann ein Bild vom Server holen. Die URL für den Dateiserver wird generiert. Ich beschloss, die natürliche Höhe des Bildes zu überprüfen. Dieser Code funktioniert, wenn ich eine Seite neu lade, aber wenn ich versuche, das Bild zum ersten Mal zu holen, funktioniert es nicht. Ist das ein Problem mit dem Timing oder ist das Code-Snippet komplett falsch?

<p id="buildingPh"></p> 

<script> 

    $("#buildingPh").html("<img id='gebaeudeBild' width='100%' src='[image/url]'></img>"); 

    $(document).ready(function() { 
     if (document.getElementById("gebaeudeBild").naturalHeight == 0) { 
      $("#buildingPh").html("No image found."); 
     } 
    }); 

</script> 

Dies ist das gesamte Skript. Ich bin mit AEM so dre nicht mehr Code ist

Answer 1

Da Sie mit JQuery versuchen, die Funktion in jQuerys Wrapper für Dokument Einwickeln bereit:

$(function() { 

    if (document.getElementById("gebaeudeBild").naturalHeight == 0) { 
     $("#buildingPh").html("No image found."); 
    } 
}); 

Dies ist nur eine Vermutung, da es nicht viel Detail ist vorgesehen in der Frage. Scheint hier ein asynchrones Problem zu sein, wenn es nicht funktioniert, wenn Sie das Bild zum ersten Mal holen.

Answer 2

Vereinbaren Sie mit @ lee2808 aber ich denke, Bild load wenn geeignetere Bildfehlerereignis zu handhaben ..

$("#buildingPh").html("<img onerror='error()' id='gebaeudeBild' width='100%' src='[image/url]'></img>"); 

    function error() { 
     $("#buildingPh").html("No image found.");  
     };