用Javascript判断图片是否在存在

最新推荐文章于 2021-11-27 13:52:39 发布
最新推荐文章于 2021-11-27 13:52:39 发布
阅读量2.1k 收藏
点赞数
分类专栏： HTML/JS特效 JavaScript 文章标签： javascript

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>php爱好者|phpfans.net|---判断远程图片是否存在，否则替换成默认图片</title>
</head>

<body>

<p>判断远程图片是否存在，不存在的话替换成默认的图片，代码如下：</p>
<p>第一种情况存在：<IMG src="http://www.163.com/images/neteaselogo.gif" οnerrοr="javascript:this.src='http://www.phpfans.net/bbs/images/default/logo.gif'"></p>

<IMG src="http://www.163.com/images/neteaselogo.gif" οnerrοr="javascript:this.src='http://www.phpfans.net/bbs/images/default/logo.gif'">
<p>第二种情况不存在，替换成本站的logo：<IMG src="http://www.163.com/images/neteaselogo1.gif" οnerrοr="javascript:this.src='http://www.phpfans.net/bbs/images/default/logo.gif'"></p>
<IMG src="http://www.163.com/images/neteaselogo1.gif" οnerrοr="javascript:this.src='http://www.phpfans.net/bbs/images/default/logo.gif'">
</body>

</html>

guoguo1980
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js判断图片是否存在
06-15
js判断图片是否存在,不存在就显示其他的
用Javascript判断图片是否存在，不存在则显示默认图片的代码
10-30
用Javascript判断图片是否存在，不存在则显示默认图片的代码,需要的朋友可以参考下。
js判断页面图片是否存在，并设置默认值
强强强子的博客
05-11 3119
第一种方法 function CheckImgExists(imgurl) { var ImgObj = new Image(); //判断图片是否存在 ImgObj.src = imgurl; //没有图片，则返回-1 if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) {
[转]js 判断图片存在
weixin_33842328的博客
01-20 95
转自：http://blog.csdn.net/qq415734794/article/details/7261479 01.//检查图片是否存在 02.function CheckImgExists(imgurl) { 03. var ImgObj = new Image(); //判断图片是否存在 04. ImgObj.src = imgurl; 05...
Js判断图片是否存在
~~~~
10-31 693
http://www.power-depot.com/images/battery_pse/mid/DMA001.jpg" onerror="src='http://www.iecn.net/forum/images/iecn/logo.gif';"> http://www.power-depot.com/images/battery_pse/mid/ABC.jpg" onerror="src=
js 判断图片是否存在
写博客只为学习
10-27 759
[color=red][b]当图片不存在时，将触发onerror，onerror 中img为 指定的默认图片。 图片存在则显示正常图片，图片不存在将显示默认。[/b][/color] [code="java"] function imgOnerror(img){ img.src="../images/avatars/default.jpg"; img.onerror=null...
如何基于JavaScript判断图片是否加载完成
10-15
在JavaScript中，正确判断图片是否加载完成是网页动态加载和展示图片时不可或缺的技能。这个问题在Web开发中经常遇到，特别是在处理用户上传的图片或远程图片资源时。本篇文章将详细探讨如何通过JavaScript来实现这...
JavaScript判断图片是否能够加载,失败则替换默认图片
10-28
这时，为了提供良好的用户体验，我们可以编写代码来判断图片是否能成功加载，并在加载失败时用默认图片进行替换。这种功能可以避免页面出现空白或者不美观的占位符，提升网站的专业性和可靠性。 首先，我们需要创建...
JavaScript判断数组是否包含指定元素的方法
10-23
在JavaScript编程中，判断一个数组是否包含特定元素是常见的需求。这个操作可以帮助我们进行条件判断、数据过滤等操作。在JavaScript中，有多种方法可以实现这个功能，包括使用`indexOf()`方法、`Array.prototype....
javascript判断单选框或复选框是否选中方法集锦
10-30
在Web开发中，经常需要使用JavaScript来检查表单中的单选框（`<input type="radio">`）和复选框（`<input type="checkbox">`）是否被用户选中。这种检查对于确保表单的有效性和完整性至关重要。本文将详细介绍几种...
js 判断图片是否存在 解决方案[兼容多浏览器]
duoerbasilu
02-15 133
苦思冥想：后来调试的时候发现还可以这么用： //检查图片是否存在 function CheckImgExists(imgurl) { var ImgObj = new Image(); //判断图片是否存在 ImgObj.src = imgurl; //没有图片，则返回-1 ...
通过javascript判断图片是否存在
weixin_34268579的博客
11-12 71
通过javascript判断图片是否存在，不存在则显示另一图片 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmln...
通过JS判断图片是否存在
芊芊寻的博客
05-04 4782
var img = new Image(); img.src = (...); img.addEventListener("load",function (e) {     ... }) img.addEventListener("error",function (e) {     ... }) 原理与页面中的onerror相同   传送门：Image() - Web API 接口 | M...
JS判断一张图片是否真实存在
qq_35461048的博客
09-03 291
function validateImage(url){ var xmlHttp ; if (window.ActiveXObject){ xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); }else if (window.XMLHt...
JS中验证图片是否存在
奇乐软件开发踩坑日志
11-27 737
当不确定图片是否存在，实现当图片不存在时，自动发出请求到服务端生成新图片或记录日志
js--判断图片资源是否存在
最新发布
05-18
在 JavaScript 中，可以使用 `Image` 对象来判断图片资源是否存在。具体做法如下： 1. 创建一个 `Image` 对象。 ``` const img = new Image(); ``` 2. 给 `Image` 对象设置 `src` 属性，并监听 `load` 和 `error`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值