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

xiaoxiao2021-02-28  110

所有受损的图片都用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" οnerrοr="this.src='images/muisic1.png'" />

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

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

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

2、

<img src="2.gif" οnerrοr="this.οnerrοr=null; this.src='images/music.png'"/> 红色的地方控制onerror事件只触发一次

转载请注明原文地址: https://www.6miu.com/read-37726.html

最新回复(0)