当获取图片失败时候,显示默认图片

你是不是在弄交互数据的时候经常遇到那个图片链接压根就是啥都没有,页面看上去也不美观.这时候我们就可以试一下可以给他一个默认图片,完美一下了

真的有这方法:

在vue项目时

在html中img标签加入

:onerror="defaultImg"/*适合少量的img标签的*/

在JavaScript中加入默认的图片

js原生是

<img src=‘test.jpg‘ alt=‘test‘ onerror="this.src=‘default.jpg‘">  /*适合少量的img标签的*/

如果你是我有很多很多img标签呢,那你就获取所有的img标签,然后就给他们全部添加默认图片吧.

以jquery为例:

$(‘img‘).error(function(){ $(this).attr(‘src‘, ‘default.jpg‘); });

原文地址:https://www.cnblogs.com/mei1234/p/9313640.html

时间: 2024-11-07 23:11:09

当获取图片失败时候,显示默认图片的相关文章

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

Glide加载圆形图片第一次只显示默认图片

Glide加载圆形图,又设置了默认图,很多时候第一次加载的时候只显示默认图.下面的方案可以解决.\ Glide.with(AudioDetailActivity.this) .load(cover) .placeholder(R.drawable.audio_default_normal) .into(new SimpleTarget<GlideDrawable>() { @Override public void onResourceReady(GlideDrawable resource,

图片不存在就显示默认图片

有些时候我们需要批量显示数据库中的图片,数据库中保存的当然是图片的路径.但是如果发现某些图片不存在,网页上的红叉会显得很难看,这时候我们可以选择显示默认图片来代替,这样会显得非常有人性化.鹤峰县烟草专卖局 利用 image 对象的 onerror 事件来判断,出错则更换 image 对象的 src 为默认图片的 URL. <img src="http://www.nowamagic.net/images/new_logo.png" onerror="javascript

vue 公共方法 图片显示,如有图片正常显示,如没有显示默认图片

1.html <img :src="imgShow(imgUrl)" /> 2.js //图片显示,如有图片正常显示,如没有显示默认图片 data() imgUrl:'', mothods: imgShow:function(data){ let reg = /^(https:|http:)/g; if(data){ if(reg.test(data)){ return data; }else{ return 'http://192.168.0.176:8888/asset

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

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

小程序---图片加载出错时,显示默认图片

在读取类似新闻列表等功能时,一般都会有图片,有时会因为数据问题,图片会加载不出来,此时,为了更好的用户体验, 我们应当在图片数据出错时,用默认的图片代替它. html5有对应的img事件:onerror 下面是小程序里的一个demo,事件是binderror: <block wx:for="{{list}}"> <image class='news-img' src="{{item.imgSrc}}" binderror='imageError'

android开发 实现同时显示png/jpg 等bitmap图片还可以显示gif图片,有效防止OOM

本来使用第三方jar包 GifView.jar  发现使用的时候不能显示png图片,而且多次setgifimage的时候还会OOM: 现在使用了一个新的第三方,demo是别人的, 下载链接:http://files.cnblogs.com/files/feijian/drawable_gif_demo.rar 注意里面需要添加的包

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

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

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

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