如何判断网页中图片加载成功或者失败?

互联网 20-6-30

判断网页中图片加载成功或者失败的方法:首先需要判断图片是否能成功被加载;然后自动换成“无法找到图片”之类的系统图片即可,代码为【for(var i=0;i<document.images.length;i++)】。

判断网页中图片加载成功或者失败的方法:

页面上有用户自定义图片的时候经常会出现用户定义的图片特别是站外图片被删除或无法访问,因此,需要判断图片是否能成功被加载,否则自动换成“无法找到图片”之类的系统图片。

做法很简单

在BODY中加段很简单的JS代码

document.body.οnlοad=getImg; function getImg() {   for(var i=0;i<document.images.length;i++)  {   if(document.images[i].readyState!='complete')    document.images[i].src="/images/no.JPG";  } }

或者在每张图片的onload对readyState进行判断

相关学习推荐:javascript视频教程

以上就是如何判断网页中图片加载成功或者失败?的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
标签: 加载
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:JavaScript模块化怎么理解?

相关资讯