jquery+显示默认图片

我们经常在网站中需要使用一些默认图片，但如果图片加载失败或者没有上传图片时，需要显示默认图片。使用jQuery和HTML可以轻松实现这个需求。

//HTML代码img src="default.jpg" id="myImage">
//jQuery代码$(document).ready(function(){
$("#myImage").error(function() {
    $(this).attr("src", "default.jpg");
}
    );
}
    );
    

在上面的代码中，首先我们在HTML中使用了标签来展示图片，并给它一个id名称为“myImage”。如果图片无法加载或者找不到时，jQuery代码中的error()方法会被调用。error()方法会检查图片是否已经加载，如果没有加载，则会将src属性更改为默认图片的文件名（在这个例子中是“default.jpg”）。

通过这个方法，我们可以确保图片加载失败或者找不到时显示默认图片，而不是显示一个损坏的图片符号或者红色的“X”符号。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！