Erfassen eines bildspezifischen Fehlers in Javascript

Question

Ich versuche zu fangen, wenn ein Bild aus einem bestimmten Grund nicht geladen wird, sagen wir Denied load of "url". Ich versuchte mit onerror, aber das wird mit jedem Fehler ausgelöst. Gibt es eine Möglichkeit, die onerror oder eine andere Möglichkeit, es zu tun?

Answer 1

Sie können es auf diese Weise tun

<img src="image.png" onerror="imgError(this);"/> 

jetzt eine Funktion auf dieser wie aufrufen können,

function imgError(image) { 
image.onerror = ""; 
image.src = "/images/noimage.gif"; 
return true;} 

Answer 2

Es ist nicht posible, aber in der Regel das Problem ist so etwas wie dieses: "Fehler 404 Ressource gefunden" oder "Fehler beim Laden der Ressource: net :: ERR_FILE_NOT_FOUND".

Aber Sie können Ajax-Request mit Typ-GET und fangen den Fehler machen.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<script> 
 
function CheckImageError(img){ 
 
    \t \t var urlimg = img.attributes.src.ownerElement.currentSrc ; 
 
    \t \t $.ajax({ 
 
    \t \t \t type:"GET", 
 
    \t \t \t url:urlimg , 
 
      context: img, 
 
    \t \t \t error:function(requestObject, error, errorThrown){ 
 
    \t \t \t \t // trace console.log or other action 
 
    \t \t \t }, 
 
    \t \t \t complete: function(){ 
 
    \t \t \t \t //do something 
 
       $(this).css("border","1px solid red"); 
 
    \t \t \t } 
 
    \t \t }) 
 
    \t } 
 
</script> 
 

 
<img onerror="CheckImageError(this)" src="image.gif">

können Sie XMLHttpRequest überprüfen Objekteigenschaften