javascript - 使用 JS/jQuery 检查 onload 和 onerror？

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

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>

您可以在这里尝试这种方法。