js注意img图片的onerror事件的分析_javascript技巧
程序员文章站
2022-04-11 09:00:06
...
经过分析,发现网页中存在类似如下的代码:
分析:特别注意 onerror,当图片不存在时,将触发 onerror,而 onerror 中又为 img 指定一个 NoPic.gif 图片。也就是说图片存在则显示 pic.gif,图片不存在将显示 noPic.gif。但问题来了,如果 noPic.gif 也不存在,则继续触发 onerror,导致循环,故出现错误。
说明:如果图片存在,但网络很不通畅,也可能触发 onerror。
解决方法:
第一种::.去掉 onerror 代码;或者更改 onerror 代码为其它;或者确保 onerror 中的图片足够小,并且存在。
第二种:
${file.name }
分析:特别注意 onerror,当图片不存在时,将触发 onerror,而 onerror 中又为 img 指定一个 NoPic.gif 图片。也就是说图片存在则显示 pic.gif,图片不存在将显示 noPic.gif。但问题来了,如果 noPic.gif 也不存在,则继续触发 onerror,导致循环,故出现错误。
说明:如果图片存在,但网络很不通畅,也可能触发 onerror。
解决方法:
第一种::.去掉 onerror 代码;或者更改 onerror 代码为其它;或者确保 onerror 中的图片足够小,并且存在。
第二种:
复制代码 代码如下:
推荐阅读
-
JS、CSS以及img对DOMContentLoaded事件的影响_javascript技巧
-
js判断背景图片是否加载成功使用img的width实现_javascript技巧
-
js判断背景图片是否加载成功使用img的width实现_javascript技巧
-
js注意img图片的onerror事件的分析_javascript技巧
-
分析js闭包引起的事件注册问题_javascript技巧
-
js中的事件捕捉模型与冒泡模型实例分析_javascript技巧
-
JS使用eval解析JSON的注意事项分析_javascript技巧
-
js中的事件捕捉模型与冒泡模型实例分析_javascript技巧
-
js注意img图片的onerror事件的分析_javascript技巧
-
js动态往表格的td中添加图片并注册事件_javascript技巧