检查负载＆amp;使用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

是的..在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

修改

如果你想在纯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 2

对于error，jquery会以这种方式工作：

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

});

load相同：

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

});

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。