js解决img标签加载失败显示默认图片

问题:

  为所有显示楼盘的页面添加一个加载失败的默认图片.

基本思路:

  img标签中有个onerror属性,专门用来处理加载失败的事件.所以可以用jquery添加onerror属性,在onerror中加载默认图片.

$(function(){
	//注册加载失败事件,再次加载时先重新设置url,在清空原先的注册加载失败事件
	$("img").attr("onerror","this.src=‘img/error.jpg;this.onerror=null;‘");
	//遍历img标签,再次重新加载
	$("img").each(function(){
		this.src = this.src;
	});

});

  注意:在页面加载的时候添加,并且添加完成后清空onerror,否则会一直循环请求.

原文地址:https://www.cnblogs.com/lishuaiqi/p/9707587.html

时间: 2024-10-12 10:40:08

js解决img标签加载失败显示默认图片的相关文章

图片加载失败显示默认图片占位符

为网站的图片加上加载失败的默认占位符会让网站看起来更专业.更严谨. <img src="__PUBLIC__/img/simple/simplelove.png"  onerror="onerror=null;src='__PUBLIC__/img/defaultpic.jpg'"> 原文地址:https://www.cnblogs.com/Zmmy/p/8531205.html

JS图片加载失败显示默认图片

代码如下: <div id='photo<%# Container.DataItemIndex+1%>' style="position: absolute; display: none;"> <img alt="照片" src='../HR_System/Photo/s_<%# Eval("pr0214")%>.jpg' onerror="document.getElementById('vi

img src加载失败给默认图片(默认图片加载失败不冒泡)

Jquery方法 $("img").one("error", function(e){ $(this).attr("src", "default.gif"); });

gitbook 入门教程之解决windows热加载失败问题

破镜如何贴花黄 gitbook 在 Windows 系统无法热加载,总是报错! gitbook 是一款文档编写利器,可以方便地 markdown 输出成美观优雅的 html ,gitbook serve 启动服务器后,原来相貌平平的 markdown 丑小鸭摇身一变就成了倾国倾城的 html 绝色佳人. 如果源文件发生更改,Windows 却无法按照预期那样重启服务器,直接抛出一个异常,立即终止了 markdown 的化妆. Restart after change in file README

js处理img标签加载图片失败,显示默认图片

1.第一种方法: 如果已经引入了jquery插件,就很好办.没有的话,如果实在需要,可以附上代码: script(type='text/javascript', src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js") //这是jade文件的写法,可以自行转换为html handle error $('img').error(function(){ $(this).attr('src', "d

html 加载图片失败显示默认图片

@"<img src=\'aaa.png\' onerror=\"this.src='[email protected]'\"; alt=\"pic\" / onclick=\" (this);\"/>"

img图片加载前显示load图片

只需要设置img的background即可 <img src="" alt="" class="detailImg"  > css设置: #detailModel .detailImg{ width: 100%; border-radius: 5px; border: 1px solid #c3c3c3; background:url("../img/load2.gif") no-repeat  center 50

图片加载失败

当图片加载时显示默认图片: 给img标签添加一个onerror属性, <img width="200" height="120" src=\'#\'" onerror=""http://blog.51cto.com/viewpic.php?refimg=" + this.src=\'#\'" %>images/fail.jpg'"/>

【JavaScript】加载失败的红叉图片处理与&lt;img&gt;图片标签的onerror事件

大家上网的时候肯定见到过加载失败的红叉图片,具体如下图.当然现在Google Chrome与Firefox对其处理会好看一些. 其实可以利用<img>图片标签的onerror事件对其处理的,要求其加载失败之后,马上加载一张默认图片,而不是显示为红叉叉. 其代码如下: <img src="s.png" onerror="javascript:this.src='xx.png';this.width=80;this.height=80;" />