使用灵动标签调用信息标题图片，但有时候如果没有标题图片，显示图片的位置就会是空白的影响美观。使用以下灵动标签调用可实现当不存在标题图片的时候显示默认图片：src=&&?=$bqr[titlepic]?$bqr[titlepic]:'/e/data/i
　　使用灵动标签调用信息标题图片，但有时候如果没有标题图片，显示图片的位置就会是空白的影响美观。
使用以下灵动标签调用可实现当不存在标题图片的时候显示默认图片：
src=&&?=$bqr[titlepic]?$bqr[titlepic]:'/e/data/images/notimg.gif'?&&
在使用会员列表函数调用会员头像时，也可以实现没有会员头像则显示默认头像。
&?=$userr[userpic]?$userr[userpic]:'/e/data/images/notimg.gif'?&
如果本文对你有所帮助请打赏本站
打赏方法如下：
支付宝打赏
1021人觉得有用！
1170人觉得有用！
1799人觉得有用！
1229人觉得有用！
2217人觉得有用！
2158人觉得有用！
2260人觉得有用！
1904人觉得有用！图片不存在时，显示一个默认的图片 - 开源中国社区
当前访客身份：游客 [
当前位置：
发布于 日 16时,
图片不存在时，显示一个默认的图片
代码片段(2)
1.&[代码]img标签src对应的图片不存在，显示一个默认的图片&&&&
&img src="abc.JPG" onerror="this.src='default.JPG'" /&
2.&[代码][CSS]引用“何世友@PoQoP”童鞋的方案&&&&
&script type="text/javascript"&
t = document.getElementsByClassName("defaultImg");
for(i = 0; i & t. i++){
t.item(i).onerror = function(){
this.src = "test.gif"
//采用 className 是为了更好的适应页面，不是每个img我们都要这样做的，甚至不同地方的img
//我们要显示不同的默认图片。（采用img同样做法）。
//采用id则是犯了错误，id 导致只会拿到第一个id相符的。
//此代码经过测试在 非IE 的browser上正常工作。
//为了兼容IE个废物，请使用以下代码：
&script type="text/javascript"&
t = document.getElementsByTagName("img");
for(i = 0; i & t. i++){
t.item(i).onerror = function(){
if(this.id =="defaultImg"){
this.src = "test.gif";
this.onerror =
开源中国-程序员在线工具：
2楼：polly 发表于
有点意思，就是每个img都要指定，有点麻烦。如果可以类似css，一次指定就好了。
3楼：玉良 发表于
4楼：何世友 发表于
弄一全局的js,找到所有需要改的img,指定即可。
5楼：霸气千秋 发表于
6楼：iorichina 发表于
这个不是css吧
7楼：暮雨疯疯 发表于
但是有个BUG就是 ，当连“
default.JPG”这张图片也不存在或者连接出错时，部分浏览器就会陷入死循环。
8楼：JoeyBlue 发表于
引用来自“暮雨疯疯”的评论但是有个BUG就是 ，当连“
default.JPG”这张图片也不存在或者连接出错时，部分浏览器就会陷入死循环。
++1解决办法:&script type=”text/javascript”&function ifImgNotExist(){
var img=event.srcE
img.src=”default.JPG”;
img.onerror= //取消它的onerror事件}&/script&&img src=&abc.JPG& onerror=&ifImgNotExist();& /&
9楼：JoeyBlue 发表于
引用来自“何世友@PoQoP”的评论弄一全局的js,找到所有需要改的img,指定即可。你又怎么知道哪些需要改呢？也就是说你怎么知道哪些图片的img是不存在的呢？
10楼：皮蛋 发表于
引用来自“乔学士”的评论引用来自“何世友@PoQoP”的评论弄一全局的js,找到所有需要改的img,指定即可。你又怎么知道哪些需要改呢？也就是说你怎么知道哪些图片的img是不存在的呢？哥们，如果图片不存在浏览器就会自己触发onerror事件，这不需要你的干预
11楼：何世友 发表于
引用来自“乔学士”的评论引用来自“何世友@PoQoP”的评论弄一全局的js,找到所有需要改的img,指定即可。你又怎么知道哪些需要改呢？也就是说你怎么知道哪些图片的img是不存在的呢？&script type=&text/javascript&&&&defaultImg = document.getElementById(&defaultImg&);&&//test = document.getElementsByTagName(&img&);&&defaultImg.onerror = ifImgNotExists();&&&&function ifImgNotExists(){&&&&//defaultImg.setAttribute(&src&,&test.gif&);&&&&defaultImg.src=&test.gif&;&&&&defaultImg.onerror=&&}&/script&通过id指定你要修饰的img。你怎么知道哪些图片的img是不存在的呢？——反问你自己，这个问题搭吗？
12楼：皮蛋 发表于
引用来自“何世友@PoQoP”的评论引用来自“乔学士”的评论引用来自“何世友@PoQoP”的评论弄一全局的js,找到所有需要改的img,指定即可。你又怎么知道哪些需要改呢？也就是说你怎么知道哪些图片的img是不存在的呢？&script type=&text/javascript&&&&defaultImg = document.getElementById(&defaultImg&);&&//test = document.getElementsByTagName(&img&);&&defaultImg.onerror = ifImgNotExists();&&&&function ifImgNotExists(){&&&&//defaultImg.setAttribute(&src&,&test.gif&);&&&&defaultImg.src=&test.gif&;&&&&defaultImg.onerror=&&}&/script&通过id指定你要修饰的img。你怎么知道哪些图片的img是不存在的呢？——反问你自己，这个问题搭吗？他这个代码可能写的有问题，应该这样，我写伪码啊：images = getAllImage();foreach image : images
image.onerror = ifNotExists();....这不需要我们知道哪些图片是不存在的，onerror是一个方法，他将在图片不存在时由浏览器自动调用，就像onclick一样，onclick你自己调用了么，还不是浏览器回调的，onerror和onclick一样，是属于dont call me ,i&ll call you样的方法。
13楼：何世友 发表于
引用来自“皮蛋”的评论引用来自“何世友@PoQoP”的评论引用来自“乔学士”的评论引用来自“何世友@PoQoP”的评论弄一全局的js,找到所有需要改的img,指定即可。你又怎么知道哪些需要改呢？也就是说你怎么知道哪些图片的img是不存在的呢？&script type=&text/javascript&&&&defaultImg = document.getElementById(&defaultImg&);&&//test = document.getElementsByTagName(&img&);&&defaultImg.onerror = ifImgNotExists();&&&&function ifImgNotExists(){&&&&//defaultImg.setAttribute(&src&,&test.gif&);&&&&defaultImg.src=&test.gif&;&&&&defaultImg.onerror=&&}&/script&通过id指定你要修饰的img。你怎么知道哪些图片的img是不存在的呢？——反问你自己，这个问题搭吗？他这个代码可能写的有问题，应该这样，我写伪码啊：images = getAllImage();foreach image : images
image.onerror = ifNotExists();....这不需要我们知道哪些图片是不存在的，onerror是一个方法，他将在图片不存在时由浏览器自动调用，就像onclick一样，onclick你自己调用了么，还不是浏览器回调的，onerror和onclick一样，是属于dont call me ,i&ll call you样的方法。&script type=&text/javascript&&&&t = document.getElementsByClassName(&defaultImg&);&&for(i = 0; i & t. i++){&&&&&&t.item(i).onerror = function(){&&&&&&&&this.src = &test.gif&&&&&&&}&&&&}&/script&采用 className 是为了更好的适应页面，不是每个img我们都要这样做的，甚至不同地方的img我们要显示不同的默认图片。（采用img同样做法）。采用id则是犯了错误，id 导致只会拿到第一个id相符的。此代码经过测试在 非IE 的browser上正常工作。为了兼容IE个废物，请使用以下代码：&script type=&text/javascript&&&&t = document.getElementsByTagName(&img&);&&for(i = 0; i & t. i++){&&&&&&t.item(i).onerror = function(){&&&&&&&&alert(this.id)&&&&&&&&if(this.id ==&defaultImg&){&&&&&&&&&&&&this.src = &test.gif&;&&&&&&&&&&&&this.onerror =&&&&&&&&&&}&&&&&&&&&&&&&&}&&&&}&/script&注： 使用 id来判断是否对此 img 进行修饰。
14楼：何世友 发表于
&script type=&text/javascript&&
t = document.getElementsByClassName(&defaultImg&);
for(i = 0; i & t. i++){
t.item(i).onerror = function(){
this.src = &test.gif&
采用 className 是为了更好的适应页面，不是每个img我们都要这样做的，甚至不同地方的img我们要显示不同的默认图片。（采用img同样做法）。 采用id则是犯了错误，id 导致只会拿到第一个id相符的。 此代码经过测试在 非IE 的browser上正常工作。
为了兼容IE个废物，请使用以下代码：
&script type=&text/javascript&&
t = document.getElementsByTagName(&img&);
for(i = 0; i & t. i++){
t.item(i).onerror = function(){
if(this.id ==&defaultImg&){
this.src = &test.gif&;
this.onerror =
&/script& 注： 使用 id来判断是否对此 img 进行修饰。
15楼：iSea 发表于
这是我用的代码： JS代码： function imgError(obj){ &obj.src='/error/images/filmthum_err.gif'; &obj.onerror =//控制onerror事件只触发一次 }
function imgLoading(obj) { &obj.nextSibling.style.display='none'; &obj.style.display='block'; } HTML代码： &img src=&${Image}& onerror=&imgError(this);& alt=&${imgName}& onload= &imgLoading(this);&/&&div class=&imgloading&& loading... &/div& CSS代码：
img { &&& border: 1px solid #CFCFCF; &&& overflow: &&& height: 141 &&& padding: 2 &&& width: 115 &&& display: } .imgLoading { &&& border: 1px solid #CFCFCF; &&& height: 141 &&& overflow: &&& padding: 2 &&& width: 115 &&& background: url('/images/loading.gif') center center no- &&& display: }
16楼：metian 发表于
引用来自“何世友@PoQoP”的评论弄一全局的js,找到所有需要改的img,指定即可。这样效率不高的。
17楼：何世友 发表于
引用来自“tianjinke”的评论引用来自“何世友@PoQoP”的评论弄一全局的js,找到所有需要改的img,指定即可。这样效率不高的。请看我后来给的代码，这样效率也低不到哪去吧？
18楼：JoeyBlue 发表于
引用来自“何世友@PoQoP”的评论引用来自“乔学士”的评论引用来自“何世友@PoQoP”的评论弄一全局的js,找到所有需要改的img,指定即可。你又怎么知道哪些需要改呢？也就是说你怎么知道哪些图片的img是不存在的呢？&script type=&text/javascript&&&&defaultImg = document.getElementById(&defaultImg&);&&//test = document.getElementsByTagName(&img&);&&defaultImg.onerror = ifImgNotExists();&&&&function ifImgNotExists(){&&&&//defaultImg.setAttribute(&src&,&test.gif&);&&&&defaultImg.src=&test.gif&;&&&&defaultImg.onerror=&&}&/script&通过id指定你要修饰的img。你怎么知道哪些图片的img是不存在的呢？——反问你自己，这个问题搭吗？很显然你你没明白我的意思，不作解释。
19楼：JoeyBlue 发表于
引用来自“何世友@PoQoP”的评论&script type=&text/javascript&&
t = document.getElementsByClassName(&defaultImg&);
for(i = 0; i & t. i++){
t.item(i).onerror = function(){
this.src = &test.gif&
采用 className 是为了更好的适应页面，不是每个img我们都要这样做的，甚至不同地方的img我们要显示不同的默认图片。（采用img同样做法）。 采用id则是犯了错误，id 导致只会拿到第一个id相符的。 此代码经过测试在 非IE 的browser上正常工作。
为了兼容IE个废物，请使用以下代码：
&script type=&text/javascript&&
t = document.getElementsByTagName(&img&);
for(i = 0; i & t. i++){
t.item(i).onerror = function(){
if(this.id ==&defaultImg&){
this.src = &test.gif&;
this.onerror =
&/script& 注： 使用 id来判断是否对此 img 进行修饰。这个更好一些。
20楼：designer 发表于
getElementsByClassName，IE这个废物根本就不支持..
开源从代码分享开始
JoeyBlue的其它代码}