Heim  >  Artikel  >  Web-Frontend  >  用Javascript判断图片是否存在,不存在则显示默认图片的代码_javascript技巧

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

WBOY
WBOYOriginal
2016-05-16 19:16:231671Durchsuche

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


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


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



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



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

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

因为图片不存在则返回该图片不存在!
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn