img 图片加载出错时 显示默认图片

在 img 标签 加上onerror="onerror=null;src=‘123.jpg‘" ,即当图片加载失败时会自动加载123.jpg ，例如

<img src="abc.jpg" onerror="onerror=null;src=‘123.jpg‘" />

　　也可省略部分

<img src="abc.png" onerror=src="123.png" >

　　

时间： 2024-11-06 09:48:41

img 图片加载出错时 显示默认图片的相关文章

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

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

网页图片加载失败，用默认图片替换

$(function () { $('img').each(function () { $(this).bind('load', function () { $.Deferred().resolve(); }).bind('error', function () { //图片加载错误,加入错误处理 // dfd.resolve(); alert('error'); }) }) }) HTML代码 <body> <img src="/images/01.png" /&g

vue，onerror实现当图片加载失败时使用默认图

1. 2. 原文地址:https://www.cnblogs.com/colorful-paopao1/p/11507369.html

使用JS，使得加载页面之前显示GIF图片

下面是代码,这是伪加载提示条,跟加载速度无关 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> .current a { font-size: 20px; } .over { display: block; position: abs

viewPager使用时加载数据时显示IllegalStateException异常，解决不了。。。。

从newsPager中得到newsDetailTitles标题的详细内容,这是通过构造器传过来的.打印日志78行能打印,45行打印出来共size是12.但是程序出现了异常java.lang.IllegalStateException: The application's PagerAdapter changed the adapter's contents without calling PagerAdapter#notifyDataSetChanged. 从网上查询的结果是adapter中的数

【JavaScript】图片加载由模糊变清晰 —— 图片优化

开发过程中,一些图片的展示时,加载很慢很久,后来把图片缩放压成缩略图吧,速度是快了但是模糊不清,如何处理这样问题,下面就和大家分享一下自己的处理方法. 先让客户端加载像素小的缩略图: <img src="缩略图.jpg" name="pic" width="800" height="600" id="news" /> 然后用js处理: var img = new Image();//新建一个图片

图片加载失败时，重试加载，如果重试加载不出来则显示默认图片

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script src="http://cdn.bootcss.com/jquery/2.1.0-beta3/jquery.min.js"></script> </head> <bod

数据库加载出错时该怎么解决

我想大家都碰到过这样的情况,很烦这样的情况发生,因为刚开始时间不会解决,甚是讨厌,其实针对数据库的设置一直就停留在数据库语句的操作,以及数据库的附加与分离,表的操作等···而每次碰到无法对该数据库操作,因为它是只读模式,我就只得冒冷汗,嘿嘿,今天同样的事情再次发生,我就想还是解决一下吧,之前只是在友友的帮助下解决,但是没想到现在每次使用MSSQL Server都碰到这样的情况,下面就简单的总结一下操作. 1.错误的提示是这样的情况 2.寻找我们存放数据库的文件夹,右击选择属性,在安全这里进行操作

网络请求库和图片加载库

网络请求库 概述:所有网络库的原理是: 网络请求一般是基于HttpURLConnection和HttpClient进行封装的,也有自己编写Socket实现的,比如ion和OkHttp:请求的执行一般是通过线程池来管理,异步请求得到结果,则通过回调接口接收:并且一般接收结果的回调都通过Handler去在主线程执行 Ion的使用 详情查看Github主页https://github.com/koush/ion 介绍: 它支持网络请求和进行图片加载的双重功能 拥有链式api风格(Fluent API)