用Javascript判断图片是否存在,不存在则显示默认图片的代码
2007-03-24 00:00
881 查看
利用image对象的onerror事件来判断,出错则更换image对象的src为默认图片的URL。
第一种情况:图片存在,正常显示
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030198/7393d69bed99a63f78d514a47df39691.gif)
第二种情况:图片不存在,显示默认图片
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030183/1e1a07f3e1a77447ab67fecc7c2d5f19.gif)
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
下面是通过js的判断
用javascript判断指定图片文件是否存在:
如判断<img src="http://www.jb51.net/logos.gif">这个图片地址是否存在.
如果不存在,隔几秒重新探测此图片,如果地址有效则,提示地址有效
图片存在则上面的返回true
图片存在则返回GIF89aX
因为图片不存在则返回该图片不存在!
第一种情况:图片存在,正常显示
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030198/7393d69bed99a63f78d514a47df39691.gif)
第二种情况:图片不存在,显示默认图片
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030183/1e1a07f3e1a77447ab67fecc7c2d5f19.gif)
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
下面是通过js的判断
用javascript判断指定图片文件是否存在:
如判断<img src="http://www.jb51.net/logos.gif">这个图片地址是否存在.
如果不存在,隔几秒重新探测此图片,如果地址有效则,提示地址有效
<script type="text/javascript"> function IsExist(url) { x = new ActiveXObject("Microsoft.XMLHTTP") x.open("HEAD",url,false) x.send() return x.status==200 } alert(IsExist("http://www.jb51.net/logos.gif")) </script>
图片存在则上面的返回true
<SCRIPT language="javascript"> var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); xmlhttp.Open("GET", "http://www.jb51.net/logos.gif", false); xmlhttp.Send(); alert(xmlhttp.responseText); </SCRIPT>
图片存在则返回GIF89aX
<img src="http://www.jb51.net/logos2.gif" onerror="alert('该图片不存在!');">
因为图片不存在则返回该图片不存在!
相关文章推荐
- 用Javascript判断图片是否存在,不存在则显示默认图片的代码
- 用Javascript判断图片是否存在,不存在则显示默认图片的代码
- 用Javascript判断图片是否存在,不存在则显示默认图片的代码
- [转]用Javascript判断图片是否存在,不存在则显示默认图片的代码
- 用Javascript判断图片是否存在,不存在则显示默认图片
- 用Javascript判断图片是否存在,不存在则显示默认图片 onerror事件
- 用Javascript判断图片是否存在,不存在则显示默认图片
- 用Javascript判断图片是否存在,不存在则显示默认图片
- js判断图片是否存在,不存在则替换为默认图片
- smarty插件判断图片是否存在,不存在则调用默认图片
- 判断远程图片是否存在的JavaScript代码
- 判断远程图片是否存在的JavaScript代码
- JavaScript判断远程图片是否存在,加载完成:onerror 属性- & jQuery实现(如果因为网络或图片的原因发生异常,则显示该图片)~
- javascript批量检查当图片不存在时则显示默认图片的代码
- JavaScript判断远程图片是否存在,加载完成:onerror 属性- & jQuery实现(如果因为网络或图片的原因发生异常,则显示该图片)~
- JavaScript下利用fso判断文件是否存在的代码
- 关于判断MDI窗体是否存在,存在则显示,不存在则创建
- 提示用户通过键盘输入一个用户名,来判断这个用户是否存在,如果存在就显示一下用户默认的shell
- JavaScript判断图片是否能够加载,失败则替换默认图片
- 如何用javascript JQuery 判断图片是否存在