最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 20:36:20
文档

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

用Javascript判断图片是否存在,不存在则显示默认图片的代码_javascript技巧:利用image对象的onerror事件来判断,出错则更换image对象的src为默认图片的URL。 第一种情况:图片存在,正常显示 第二种情况:图片不存在,显示默认图片 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]下面是通过js的判断用javascript判断
推荐度:
导读用Javascript判断图片是否存在,不存在则显示默认图片的代码_javascript技巧:利用image对象的onerror事件来判断,出错则更换image对象的src为默认图片的URL。 第一种情况:图片存在,正常显示 第二种情况:图片不存在,显示默认图片 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]下面是通过js的判断用javascript判断
 利用image对象的onerror事件来判断,出错则更换image对象的src为默认图片的URL。

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

下面是通过js的判断
用javascript判断指定图片文件是否存在:
如判断这个图片地址是否存在.
如果不存在,隔几秒重新探测此图片,如果地址有效则,提示地址有效
代码如下:

function IsExist(url)
{
x = new ActiveXObject("Microsoft.XMLHTTP")
x.open("HEAD",url,false)
x.send()
return x.status==200
}
alert(IsExist("http://www.gxlcms.com/logos.gif"))


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

var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
xmlhttp.Open("GET", "http://www.gxlcms.com/logos.gif", false);
xmlhttp.Send();
alert(xmlhttp.responseText);


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


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

文档

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

用Javascript判断图片是否存在,不存在则显示默认图片的代码_javascript技巧:利用image对象的onerror事件来判断,出错则更换image对象的src为默认图片的URL。 第一种情况:图片存在,正常显示 第二种情况:图片不存在,显示默认图片 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]下面是通过js的判断用javascript判断
推荐度:
标签: 显示 使用 判断
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top