js图片加载不出来时隐藏图片

 let str = `<img class="pic" src="${res.picUrl}" onerror="this.className='pic hide-img'">`

.hide-img{display:none
}

可以在onerror里写上隐藏图片的内容，以便当图片加载失败时，不要显示成一个叉号

js图片加载不出来时隐藏图片相关推荐

html中加载图片失败,图片加载失败如何用默认图片代替
背景:图片资源加载不出来时用默认图片替换解决方法: 一,用js方法onerror: 1,直接在html标签中使用复制代码 2,原生js方法: document.getElementById(' ...
Android LruCache和DiskLruCache相结合打造图片加载框架（仿微信图片选择，照片墙）
LrcCache和DiskLruCache相结合打造图片加载框架转载请标明出处:http://blog.csdn.net/luoshishou/article/details/51299169 源码 ...
vue本地项目配置图片加载失败_vue图片加载失败时用默认图片替换的方法
vue图片加载失败时用默认图片替换的方法前言本文主要给大家介绍的关于vue实现图片加载失败时用默认图片替换的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧方法如下原理 ...
使用VScode + PicGo 写markdown 以及github图片加载不出的问题
目录使用VScode + PicGo 写markdown GitHub图片加载慢/不出的问题使用VScode + PicGo 写markdown PicGo在vscode中相当于把你剪贴板图片上传 ...
Mac系统解决Github图片加载不出问题
文章目录 1. 问题出现原因 2. 如何解决第一步第二步第三步 3.总结 1. 问题出现原因主要是因为DNS系统解析不了此连接对应ip的域名了 2. 如何解决第一步在加载不出的图片右键,点 ...
java飞机图片加载不出的问题
大家好,本人跟着高琪老师的java300集自学,在java飞机项目那个图片加载的问题里,困惑了好久,突然把图片换了一下,它就加载出来了,大家可以试试,图片在最下面 @[TOC](这个是之前报错的图片 ...
css图片加载没有效果,CSS 无图片显示加载(失败)效果
lazyload 时利用 iconfont 显示加载图片和加载失败效果 0. 效果 1. 显示加载中或者品牌图可以是文字或者 iconfont, 并将图标显示到正中间 HTML 结构如下: .img ...
图片加载失败时,显示默认图片
当我们页面中需要加载一些图片时,可能由于网络问题,或者图片文件缺失等问题,导致图片不能正常展示我们希望有一种降级处理的方式,可以在图片加载失败后显示一张我们预先设定好的默认图片 1.监听图片的 er ...
android 图片加载软引用_Android 解决图片大量下载：软引用必须懂4点
1.对象的强.软.弱和虚引用为了能更加灵活控制对象的生命周期,需要知道对象引用的4中级别,由高到低依次为 :强引用.软引用.弱引用和虚引用备注: 这四种的区别: ⑴强引用(StrongRefere ...

js图片加载不出来时隐藏图片

js图片加载不出来时隐藏图片相关推荐

最新文章

热门文章