js 判断图片是否存在

最新推荐文章于 2024-06-19 22:04:15 发布
最新推荐文章于 2024-06-19 22:04:15 发布
阅读量760 收藏
点赞数
分类专栏： Javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lan12334321234/article/details/84911177
版权
[color=red][b]当图片不存在时，将触发onerror，onerror 中img为 指定的默认图片。
图片存在则显示正常图片，图片不存在将显示默认。[/b][/color] 


function imgOnerror(img){  
img.src="../images/avatars/default.jpg";  
img.onerror=null;//控制不要一直跳动  
}  
<img width="90" height="120" src="../images/avatars/default.jpg" onerror="imgOnerror(this)" border="0"/>
艾伦蓝
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js判断图片是否存在
06-15
js判断图片是否存在,不存在就显示其他的
Js判断图片是否存在
~~~~
10-31 696
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正则——js 正则判断图片、文件
最新发布
qq_43201350的博客
06-19 131
JS正则——js 正则判断图片、文件
[转]js 判断图片存在
weixin_33842328的博客
01-20 99
转自：http://blog.csdn.net/qq415734794/article/details/7261479 01.//检查图片是否存在 02.function CheckImgExists(imgurl) { 03. var ImgObj = new Image(); //判断图片是否存在 04. ImgObj.src = imgurl; 05...
js 判断图片是否存在 解决方案[兼容多浏览器]
duoerbasilu
02-15 135
苦思冥想：后来调试的时候发现还可以这么用： //检查图片是否存在 function CheckImgExists(imgurl) { var ImgObj = new Image(); //判断图片是否存在 ImgObj.src = imgurl; //没有图片，则返回-1 ...
用Javascript判断图片是否存在，不存在则显示默认图片的代码
10-30
用Javascript判断图片是否存在，不存在则显示默认图片的代码,需要的朋友可以参考下。
如何基于JavaScript判断图片是否加载完成
10-15
在JavaScript中，正确判断图片是否加载完成是网页动态加载和展示图片时不可或缺的技能。这个问题在Web开发中经常遇到，特别是在处理用户上传的图片或远程图片资源时。本篇文章将详细探讨如何通过JavaScript来实现这...
js 判断图片是否加载完以及实现图片的预下载
12-01
创建一个Image对象，实现图片的预下载，如果图片已经存在于浏览器缓存，直接调用回调函数，使用onload事件可以判断图片是否加载完成 function loadImage(url, callback) { var img = new Image(); //创建一个Image...
JavaScript判断图片是否能够加载,失败则替换默认图片
10-28
这时，为了提供良好的用户体验，我们可以编写代码来判断图片是否能成功加载，并在加载失败时用默认图片进行替换。这种功能可以避免页面出现空白或者不美观的占位符，提升网站的专业性和可靠性。 首先，我们需要创建...
通过JS判断图片是否存在
芊芊寻的博客
05-04 4785
var img = new Image(); img.src = (...); img.addEventListener("load",function (e) {     ... }) img.addEventListener("error",function (e) {     ... }) 原理与页面中的onerror相同   传送门：Image() - Web API 接口 | M...
JS判断是否是图片类型
04-06
//判断是否是图片 function isImg(){ var f=$("#imgFile").val(); if(f==""){ alert("请上传图片");return false; }else { if(!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(f)) { alert("图片类型必须是.gif,jpeg,jpg,png中的一种") return false; } } } 主要代码： 来自：http://www.crazyiter.com/software/document/3128.html（疯狂的IT人）
JS中验证图片是否存在
奇乐软件开发踩坑日志
11-27 741
当不确定图片是否存在，实现当图片不存在时，自动发出请求到服务端生成新图片或记录日志
JS判断一张图片是否真实存在
qq_35461048的博客
09-03 293
function validateImage(url){ var xmlHttp ; if (window.ActiveXObject){ xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); }else if (window.XMLHt...
JavaScript_判断网络图片是否存在
03-04 320
//探测图片是否存在function IsExist(url){x = new ActiveXObject("Microsoft.XMLHTTP")x.open("HEAD",url,false)x.send()return x.status==200}  判断某一个网络地址的图片是否存在，如果存在，就会返回true ,不存在就返回 false~~~~
js判断图片
weixin_42248522的博客
11-26 1567
1.js判断图片 value => { try{ suffix = value.name.split('.')[1].toLocaleLowerCase() const imglist = ['svgz', 'pjp', 'png', 'ico', 'avif', 'tiff', 'tif', 'jfif', 'svg', 'xbm', 'pjpeg', 'webp', 'jpg', 'jpeg', 'bmp', 'gif']; // 进行图片匹配 result = imglist.find(it
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、付费专栏及课程。

余额充值