解决js图片加载时出现404的问题
2016-08-08 15:28
706 查看
运营网站久了之后,无法避免会出现图片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问题的解决办法,希望大家有所收获。
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事件
?
2. 使用jQuery监听error
?
3. 使用函数处理
?
1. 获取图片信息:图片是否可下载,图片宽高
?
?
相关文章推荐
- 解决js图片加载时出现404的问题
- 解决js图片加载时出现404的问题
- 解决js图片加载时出现404的问题
- vue 在nginx下页面刷新出现404问题解决和在nginx下页面加载了js但是页面显示空白问题解决
- 利用缓存与多线程(线程池管理)加载,解决RecycleView显示较多图片时出现的卡顿问题
- 多层动态加载js文件出现的问题终极解决【深海原创】
- 解决RecyclerView中使用UIL加载网络图片,在刷新时出现闪烁问题
- node.js + express 使用socket.io 客户端出现socket.io.js 404的问题解决
- QWebView中出现加载网页乱码、图片加载不出来的问题解决以级QMainWindow背景图片设置问题
- js上传图片在ie8中出现不兼容问题HTTP ERROR 解决办法
- 使用加载图片解决在Ajax数据加载中页面出现短暂空白的问题(推荐)
- Android完美解决GridView异步加载图片和加载大量图片时出现Out Of Memory问题
- Android完美解决GridView异步加载图片和加载大量图片时出现Out Of Memory问题
- 解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
- web项目中url-pattern改成'/'后,js、css、图片等静态资源(404)无法访问问题解决办法
- ListView性能优化及加载图片出现图片错位,闪朔等问题的解决
- android 加载大图片是出现java.lang.OutOtMemoryError问题解决方法
- Android解决GridView异步加载大量图片时出现Out Of Memory问题00M
- Android完美解决GridView异步加载图片和加载大量图片时出现Out Of Memory问题
- Windows Phone 用WebBrowser加载本地图片以及解决加载html页面出现乱码问题