解决js图片加载时出现404的问题
来源:互联网 发布:英国女王大学 知乎 编辑:程序博客网 时间:2024/05/19 08:00
运营网站久了之后,无法避免会出现图片404的情况,原因可能是图片文件本来就不存在或目前不存在。常见的解决方案是将404图片隐藏或者是替换为默认的图片。
img标签事件属性
img标签可使用的时间属性有:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload
img标签常用的事件如下:
onerror:图像加载过程中发生错误时被触发。
onabort:图片加载的时候,用户通过点击停止加载时触发,通常在这里触发一个提示:“图片正在加载”。
onload:当图片加载完成之后触发。
1. 对图片监听onerror事件
注意:需要将处理函数定义在head,防止图片加载出错时没有读取到处理函数
2. 使用jQuery监听error
注意:jQuery加载需要在img前,处理函数需在img后
3. 使用函数处理
以上函数有许多用处:
1. 获取图片信息:图片是否可下载,图片宽高
2. 下载并插入图片
以上就是js针对图片加载时出现404问题的解决办法,希望大家有所收获。
- 解决js图片加载时出现404的问题
- android listview 异步加载图片时出现图片错位、刷新问题的简单解决
- Android中解决加载过多图片出现的OutOfMemoryOutOfMemory问题 .
- 解决Picasso加载图片出现闪烁的问题
- vue.js加载页面出现闪烁问题的解决
- 解决加载图片出现OOM的方法
- 用加载图片解决在ajax数据加载中页面出现短暂空白的问题
- ListView性能优化及加载图片出现图片错位,闪朔等问题的解决
- 解决 UIWebView 加载 html 时 js 加载不了的问题
- Ext界面做图片动态加载的图片放大镜效果并解决JS内存泄漏问题
- 加载Drawable图片时出现的oom问题
- 解决vs2005调试时出现未加载符号的问题
- Android完美解决GridView异步加载图片和加载大量图片时出现Out Of Memory问题
- Android完美解决GridView异步加载图片和加载大量图片时出现Out Of Memory问题
- Android解决GridView异步加载图片和加载大量图片时出现Out Of Memory问题--recycleBitmapCaches
- 解决Hibernate延迟加载出现的问题
- 多层动态加载js文件出现的问题终极解决【深海原创】
- Android解决GridView异步加载大量图片时出现Out Of Memory问题00M
- APK重新打包
- PHP数据结构之四 一元多项式的相加PHP单链实现
- 优先队列
- 黑客向导/VLC模块树,各模块功能说明
- 51单片机 1602液晶显示
- 解决js图片加载时出现404的问题
- 最值得阅读学习的 10 个 C 语言开源项目代码
- C#的第13节课
- java.lang.ClassNotFoundException: Didn't find class "com.example.slidemenu.view.SlideMen
- 关于wow游戏插件制作之前的几件事
- 欢迎使用CSDN-markdown编辑器
- Android图片压缩技巧
- Java中Runnable和Thread的区别
- 【Android开源项目分析】android轻量级开源缓存框架——ASimpleCache(ACache)源码分析