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(‘view<%# Container.DataItemIndex+1%>‘).src=‘images/photox.PNG‘;this.src=‘http://net1.sinyi.com.cn/SinyiAP/ShopContact/images/no_photo.jpg‘"
 width="100px" height="140px" style="border: gray 1px solid" />
</div>

关键代码就是onerror

时间： 2024-08-13 23:58:39

JS图片加载失败显示默认图片的相关文章

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

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

问题: 为所有显示楼盘的页面添加一个加载失败的默认图片. 基本思路: img标签中有个onerror属性,专门用来处理加载失败的事件.所以可以用jquery添加onerror属性,在onerror中加载默认图片. $(function(){ //注册加载失败事件,再次加载时先重新设置url,在清空原先的注册加载失败事件 $("img").attr("onerror","this.src='img/error.jpg;this.onerror=null;'&

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

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

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'"/>

js 图片加载失败处理方法

在项目中不可避免会用到图片,尤其是列表,有时候图片会加载失败:这样就会显示一个很难看的坏图片缩略图:下面介绍两种方法,解决这个问题: 1.如果在你的项目中有引入jQuery插件,你可以使用error([[data],fn])这个函数: $("img").error(function(){ //当图片加载失败时,你要进行的操作 //$(this).attr('src','images/no_pic.jpg'); }); 2.如果项目中没有jQuery这样的插件,可以使用HTML的DOM事

JavaScript-onerror事件:图片加载失败后不显示

HTML: <img src="http://www.mazey.net/images/upload/image/20170518/1495122198180663.gif" id="img1" onerror="hideImg1();">  <img src="http://www.mazey.net/images/upload/image/2017

WebForm、MVC图片加载失败处理

还是那个该死的WebFrom项目,部分功能替换为MVC后感觉好多了,但是WebForm.MVC都有图片加载失败时显示提示图片的需求,并且统一在js中处理.问题来了,js中图片路径怎么处理呢?现场有可能部署为网站,也有可能为应用,再加上对路径的不了解,决定弄个IHttpHandler一劳永逸解决路径问题. 搞定了IHttpHandler,发现图片还是显示不出来,日志中多了System.UnauthorizedAccessException: Access to the path 'xxxx' is

AngularJS中如果ng-src 图片加载失败怎么办

我们知道AngularJS加载图片的方法是用加ng-src标签,例如: <img ng-src="{{currentUrl}}"/> 其中currentUrl为图片地址,如果图片正常能显示,那这么使用一点问题没有,但是,如果图片加载失败了(例如该图片已经不存在,从而出现404错误),在该放图片的地方就会出现一个难看的图片加载失败图标,如果想把这个图标换成你自定义的图片,可以如下这么做: HTML: <img ng-src="{{currentUrl}}&qu