图片加载失败如何替换成默认图片

img元素加载图片失败，则变成一个小图标，让页面变得难看。此时如何替换为默认图片？

如果img标签是少量的话，可以使用这个：

img的onerror事件

//alt属性的意思是在图片为加载成功时显示的文字

onerror属性

img元素自带onerror属性，加载失败时，触发error事件

        

    $(this).attr('src',"default.gif");

})

类似于原生js选择页面中所有的img标签，利用的原生error事件，如下：

Var imgs=document.getElementsBytargName(‘img’);

for(var i=0;i

imgs[i].οnerrοr=function(){

 this. setAttribute(‘src’,’ default.gif’);

 //this.src=’default.gif’;

}

}

jquery.one函数

使用上面两种方法，假如默认图片也加载失败，也会变成死循环. 此时可使用one()绑定事件

         $("img").one("error", function(e){

     $(this).attr("src", "default.gif");

});

注意error事件，不支持冒泡，jquery.delegate/ jquery.on事件委托函数捕捉不到error事件。

 

转载于:https://www.cnblogs.com/itpi/p/5847717.html