img请求图片错误设置默认图片

当图片地址存在但无效时，给它设置默认图片或者不显示
1、让这个图片元素隐藏：

<img src="图片的url地址" alt="图片XX" onerror="this.style.display='none'">

2、用默认的图片替换：

<img src="图片的url地址" alt="图片XX" onerror="this.src='默认图片的url地址'">

注意:
注意：如果使用不当，在IE内核的浏览器下会造成死循环。比如：当【默认图片的url地址】也加载不成功（比如网速比较慢的时候）或不存在的话，就会反复的加载，最后造成堆栈溢出错误。因此，需要用下面两种方法解决： a、更改 onerror 代码为其它处理方式或者确保 onerror 中的默认图片足够小，并且存在。 b、控制onerror事件只触发一次，需要增加这句话：this.οnerrοr=null; 增加后如下：

<img src="图片的url地址" alt="图片XX" onerror="this.src='默认图片的url地址;this.onerror=null'">

原文链接：https://www.geekjc.com/post/5b0ad8b30de7b66e8fd19c0e

img请求图片错误设置默认图片相关推荐

微信小程序开发——设置默认图片、错误加载图片
wxml: <image src='{{imgArr[index]==""?defaultImg:imgList[index]}}' binderror="erro ...
html 如何设置选择图片,html中如何设置默认图片？
前言大家可能都知道img标签是怎么设置默认图片的,但是你知道background-img是如何设置默认图片的嘛? img 这里是应用了img标签的``事件,当加载失败就用默认图片地址.但是这里可能出 ...
图片img标签设置默认图片
图片img标签设置默认图片 1.让图片元素隐藏 2.设置默认图用户头像,默认商品图等.img的alt属性只是给图片设置未加载时的文字提示信息.这时,通常会用到onerror属性,一下为常用的两种方法 ...
img图片不存在时设置默认图片
img设置是一个圆的样子,发现调取接口之后返回img路径是空,img显示是一个正方形,找了方法解决当图片不存在时设置默认图片 <img src="图片的url地址" alt ...
img标签设置默认图片
场景: 当获取图片路径或读取不到图片时,显示一张默认图片代替默认当图片碎片. 解决方法: 利用img标签的onerror事件. 问题:如果defaultIcon 也不存在,则会继续触发 onerror ...
img图片不显示时设置默认图片
img标签显示图片: <img src="url" alt="error txt" /> 当图片地址错误时,就是显示error txt,为了更好的用 ...
uniapp、Vue中 image 如何设置默认图片，图片地址加载失败（404）的话就显示默认图片
一.解决方法(在单层循环中) HTML: 在image标签当中添加@error,用来监听图片地址加载失败,同时传递参数 <image v-else :src="item" m ...
el-upload设置默认图片
el-upload的上传图片时需要一个默认图片 <el-uploadclass=""action="#"list-type="text" ...
android取消背景图片,android 设置背景图片
>**无背景的代码稍显枯燥啊少年: vs2015,vs2019等再拓展里下载:** ! import java.awt.FlowLayout; import javax.swing.Image ...

img请求图片错误设置默认图片

img请求图片错误设置默认图片相关推荐

最新文章

热门文章