如何检测JQuery错误加载图像？

Question

如何检测JQuery中的无负载图像？而不是显示（link 1显示div id =“error”

#over1

Answer 1

您只需使用echo "hola crayola123456" | sed -E 's/[a-z]+/(&)/g' 元素

的onerror属性即可

img

查看示例：https://jsfiddle.net/s3du7jao/

编辑1 -

添加了jQuery示例<img src="noimage123.jpg" onerror="document.getElementById('error').style.display = 'block'"/>

https://jsfiddle.net/s3du7jao/2/

Answer 2

您可以使用jQuery注册error事件监听器，并在图像无法加载时执行您想要的任何操作。

＆＃13;

＆＃13;

$("img").on("error", function() {
    $(this).hide();
    $("#error").show();
});

＆＃13;

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

<img src="img.jpg" />
<div id="error" style="display: none;">Sorry, image not found :(</div>

＆＃13;

＆＃13;

＆＃13;