Проверьте onload & onerror с помощью JS/jQuery?

Question

Использование HTML я мог вручную поместить это в тело

<img style="display:none;" 
onload="Success('test')" 
onerror="Fail('test')" 
src="http://example.com/test.png" 
/> 

Есть в любом случае, чтобы сделать эту проверку с помощью JQuery или JavaScript?

Редактировать: Я хочу избежать использования HTML и вставки изображения вручную. Я пытаюсь выполнить проверку, используя только jQuery/JS.

Спасибо!

Answer 1

Для error, JQuery будет работать таким образом:

$('img').on('error', function(e) { 

}); 

То же самое для load:

$('img').on('load', function(e) { 

}); 

Answer 2

Да .. То же самое в JQuery бы это

​$('img').load(function(){ // when loaded successfully 
    console.log('success'); 
}).error(function(){ // when theres an error 
    console.log('error'); 
});​​​​​ 

FIDDLE

или

$('img').on({ 
    load: function(){ 

    }, 
    error: function(){ 

    } 
}) 

FIDDLE

EDIT:

Если вы хотите в чистом JavaScript вы можете сделать что-то вроде этого

$('<img/>',{ // <-- create the element 
     src:'http://wichitaatbat.com/wp-content/uploads/Soccer-Ball.png' 
}).load(function(){ 
    console.log('success'); 
}).error(function(){ 
    console.log('error'); 
}); 

http://jsfiddle.net/wirey00/LCkkn/

Answer 3

Вы можете сделать это с чистым JavaScript, как это:

<script language="JavaScript"> 

    var img = new Image(); // Create new image element 

    img.onload = function(){ 
     // your code 
    }; 

    img.onerror = function() { 
     // your code 
    }; 

    img.src = 'yourImage.png'; // Set source path 

</script> 

Вы можете попробовать этот подход here.