如何判断网页中图片加载成功或者失败？-木庄网络博客

本文摘自PHP中文网，作者coldplay.xixi，侵删。

判断网页中图片加载成功或者失败的方法：首先需要判断图片是否能成功被加载；然后自动换成“无法找到图片”之类的系统图片即可，代码为【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视频教程

以上就是如何判断网页中图片加载成功或者失败？的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《js》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » 如何判断网页中图片加载成功或者失败？

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

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论