js处理图片无法显示

在我们网站引入外站图片时会经常碰到图片无法显示的404等加载错误

这时网站上就会显示一个无法加载的图片图标QQ截图20200429230146.png,这样给人一种觉得网站差的体验。

这时就需要解决。

例引入图片:

<img class="img_demo" src="./demo.gif" onerror="nofind(this);" />

js处理:

//方法1
function nofind(image){
var img=event.srcElement;
img.src="./default.gif";
img.onerror=null; 控制不要一直跳动
}
//方法2
function nofind(img){
img.src="./default.gif";
img.onerror=null; 控制不要一直跳动
}

JQuery处理:

$(".img_demo").error(function(){
	$(this).attr('src',"./default.gif");
});
转载请注明出处凌夕博客 »漫小猫原文地址《js处理图片无法显示

相关推荐

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)