用Javascript判断图片是否存在不存在则显示默认图片的代码

Angelsisters

Angelsisters

2016-02-19 10:21

今天图老师小编给大家精心推荐个用Javascript判断图片是否存在不存在则显示默认图片的代码教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

利用image对象的onerror事件来判断,出错则更换image对象的src为默认图片的URL。 

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

下面是通过js的判断
用javascript判断指定图片文件是否存在:
如判断img src="http://img.warting.com/allimg/2015/1214/2352253264-0.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://img.warting.com/allimg/2015/1214/2352253264-0.gif"))
/script

图片存在则上面的返回true
代码如下:

SCRIPT language="javascript"
var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
xmlhttp.Open("GET", "http://img.warting.com/allimg/2015/1214/2352253264-0.gif", false);
xmlhttp.Send();
alert(xmlhttp.responseText);
/SCRIPT

图片存在则返回GIF89aX
代码如下:

img src="http://www.jb51.net/logos2.gif" onerror="alert('该图片不存在!');"

因为图片不存在则返回该图片不存在!

展开更多 50%)
分享

猜你喜欢

用Javascript判断图片是否存在不存在则显示默认图片的代码

Web开发
用Javascript判断图片是否存在不存在则显示默认图片的代码

mysql 记录不存在时插入 记录存在则更新的实现方法

编程语言 网络编程
mysql 记录不存在时插入 记录存在则更新的实现方法

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

对不起,您访问的页面不存在

孕前饮食禁忌 育儿知识 怀孕 孕妇
对不起,您访问的页面不存在

sql server不存在 sql server拒绝访问

编程语言 网络编程
sql server不存在 sql server拒绝访问

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Outlook 2010对HTML的渲染不存在问题

电脑入门
Outlook 2010对HTML的渲染不存在问题

wps临时目录不存在提示无法卸载

电脑入门
wps临时目录不存在提示无法卸载

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

sql2008评估期已过的解决办法及序列号

sql2008评估期已过的解决办法及序列号

win10资源管理器很乱怎么办

win10资源管理器很乱怎么办
下拉加载更多内容 ↓