页面中所有受损的图片都替换了

所有受损的图片都用default.png来代替。受损就是src没找到。

<img src="images/loadLxf.png" />   比如没有找到名字是loadLxf.png的图片。

首先想到的办法是：

$("img").on("error",function(){

    $(this).attr("src","images/default.png")

   })

但是他在编辑器的预览效果里的确可以实现替换了，在浏览器里却因为报错404。还是会显示图片受损的图标。

我们要换个方式、

<img src="abc.JPG" onerror="this.src='images/muisic1.png'" />

但是这个还是有弊端，1、如果图片存在，但网络很不通畅，也可能触发 onerror。

/2、如果muisic1.png也找不到的话，他就会在浏览器里陷入死循环的报错。

解决是。1保证onerror里的图片足够的小。

2、

<img src="2.gif" onerror="this.onerror=null; this.src='images/music.png'"/>

红色的地方控制onerror事件只触发一次