图片不存在时,替换成默认图片

最新推荐文章于 2021-01-15 21:08:40 发布
最新推荐文章于 2021-01-15 21:08:40 发布
阅读量701 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 其他 文章标签： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_37476571/article/details/80144197
本文介绍了HTML中图片标签的高级用法，包括如何设置图片的onerror事件来实现图片加载失败后的默认显示，以及如何避免因图片加载失败导致的浏览器死循环问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<img src='1.jpg' onerror="javascript:this.src='2.jpg';this.onerror=null" >


当图片1.jpg不存在的时候,或者出错的时候,就会显示2.jpg 就变成了 <img src="2.jpg">,
this.onerror=null 是为了防止2.jpg也出现错误,或者网速慢导致图片没加载出来,造成浏览器的死循环的补救措施

图片不存在的时候，显示一个默认图片.rar
07-04
介绍： 通过这个方法，就可以实现当没有图片或图片丢失的情况，显示一个默认图片。以后，不用通过程序来判断图片是否存在了。嘿嘿~
图像不存在时,可用一张通用图片代替
weixin_34129696的博客
02-18 277
&lt;img src="image.gif" onerror="this.src='a.jpg'" /&gt;  
图片不存在显示默认图片
weixin_30809173的博客
08-09 1813
<imgsrc="images/zz.jpg"onerror="javascript:this.src='images/thbimg.jpg'"/> 转载于:https://www.cnblogs.com/linlin/archive/2010/09/02/1816194.html
当网页图片不存在时的处理方法
weixin_30423977的博客
03-14 460
例如，有以下代码： <img src="图片的url地址" alt="图片XX"/> 当在页面显示的时候，万一图片被移动了位置或者丢失的话，将会在页面显示一个带X的图片，很是影响用户的体验。即使使用alt属性给出了"图片XX"的提示信息，也起不了多大作用。 其实，可以这样处理：当图片不存在的时候，会触发onerror事件，我们可以在该事件中做一下补救的工作，比如： ...
当图片不存在时显示默认图片
记事本
05-29 3045
在很多情况下，比如：做产品展示，我们都会显示一张产品的图片，但某个产品暂时没有图片时就显示一张预设好的默认图片。以前的做法通常是默认图片也跟产品的图片一样保存在数据库的表字段中作为该字段的默认值。但假如某一产品本来有产品图片的（默认值已经改变了），只不过由于什么原因该产品对应的图片被删除了，但数据库表字段依然保存着它的产品图片路径，这时候显示的时候找不到相应的图片文件，图片就会显示成一个“X”，这
javascript批量检查当图片不存在时则显示默认图片的代码
10-30
当图片不存在时显示默认图片: <li><img src="image1_not_found.jpg" alt="Image 1" onerror="this.src='default.png';"> <li><img src="image2_not_found.jpg" alt="Image 2" onerror="this.src='default.png';...
判断远程图片是否存在，否则替换成默认图片
02-27
判断远程图片是否存在，否则替换成默认图片 网上找的，与大家共享。
微信小程序图片加载失败时替换为默认图片的方法
10-15
在微信小程序开发中，图片加载失败是一个常见的问题，可能由于网络不稳定、图片资源不存在或格式不正确等原因导致。为了提供良好的用户体验，当图片加载失败时，通常会将默认图片显示出来，以代替无法正常显示的图片...
用Javascript判断图片是否存在，不存在则显示默认图片的代码
10-30
当指定的图片资源无法加载时，为了提升用户体验，我们可以利用JavaScript来检测图片是否成功加载，如果图片不存在，则可以显示一张默认图片。以下详细知识点涵盖了如何用JavaScript判断图片是否存在，以及实现这一...
Image图片查找不存在时(九)
两个蝴蝶飞
01-28 1361
在实际的开发中，常常会遇到关于图片的问题。 如图片显示的问题，然而在显示图片的过程中，常常也会遇到一些问题，如图片不存在，图片引用的路径不匹配等。 如图片在数据库中存储的是: /Image/user/01.jpg, 然而却将这张01图片放置在了/Image/01.jpg 文件夹下，那么这个时候是无法取出显示正确的图片的。 一。常见误区 // 直接设置图片的值 $(&amp;amp;quot;#photo&amp;amp;quot;).attr...
图片不存在的时候，显示一个默认图片
07-27
图片不存在的时候，显示一个默认图片! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.youkuaiyun.com
图片路径不存在，替换问题图片
大山博客
12-26 1379
图片经常又后台加载过来，或其他地方，但我们不能保证它是否存在，成功加载处理啊，所以在可能会出现该问题的地方在错误的判断（技术的存在不就是不短的写code的吗） 1.小程序图片加载不来，报错处理，替换图片 小程序文档对image 表签的介绍 方法一：中间 mode 、lazy-load 都是在常用不过的属性，今天提到的是binderror //图片加载问题-替换 imageerror: fu...
图片不存在时，显示一个默认的图片
atphumengwen的专栏
06-19 522
经过分析，发现网页中存在类似如下的代码： &lt;img src="pic.gif" onerror="javascript:this.src='/noPic.gif';" alt="pic" /&gt; 分析：特别注意 onerror，当图片不存在时，将触发 onerror，而 onerror 中又为 img 指定一个 NoPic.gif  图  片。也就是说图片存在则显示 pic.g...
当页面图片不存在时的处理方法
陪你听风的博客
09-04 5902
在页面显示的时候，万一图片被移动了位置或者丢失的话，将会在页面显示一个带X的图片，很是影响用户的体验，非常的不规范，同时页面上也会抛出异常。 其实，可以这样处理：当图片不存在的时候，会触发onerror事件，我们可以在该事件中做一下补救的工作，比如： 1、让这个图片元素隐藏： [html]view plaincopy imgsrc="图片1url地址"
图片不存在时显示一个默认的图片
E01014165的专栏
06-06 3499
图片不存在时显示一个默认的图片实现方法,一般情况下我们是没有图片就是程序判断加个判断图片，如果没有加我们可以使用其它办法来解决，有需要的朋友可参考参考。 img标签src对应的图片不存在，显示一个默认的图片 最简单的方法：    代码如下 复制代码 1     但这个方法有一个弊端，就是当default.jpg也不存在
图形显示例子_不存在的图形，你看得出来吗？
weixin_31368913的博客
01-15 362
文：喵萌 编辑：喵萌 & 小黑哥哥你知道视错觉吗？在网页的搜索栏搜索「错觉」，你可以看到许多种类不同的有趣错觉图片。举个例子！下面这张图片是由两种方向的黑色、灰色斜线构成的，它的奇特之处在于，如果你把手机拿得远远地看，可以看到一只熊猫，但如果靠得很近去看，熊猫就消失不见了。远远地能看到萌萌哒胖达！近视患者摘了眼镜效果拔群！不要长时间盯着看，太晃眼……上面的例子只是众多视错觉中的一种。...
HTML中图片不存在，显示默认图片
热门推荐
远方
09-13 1万+
一个图片链接&lt;img src="" /&gt; 想用js 判断url是否有效如果404 就加载默认的图片路径 &lt;img src="xxx" onerror="this.src=默认图地址"/&gt; 图片标签img的 onerror事件 &lt;img src="pic.gif" onerror="javascript:this.src='默认图地址';&quo
图片不存在的时候 显示一个默认图片
熊佳佳的技术笔记
05-29 345
[code="html"][/code]
实现图片加载失败时默认占位符的简易方法
但是，当图片加载失败时，很多开发者和设计师希望能有一个更加友好的用户体验，这时就需要用到默认图片占位符的方法。 方法说明： 本方法的核心是在图片的`onerror`事件中使用JavaScript代码来指定一个默认图片。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值