欢迎各位兄弟 发布技术文章
这里的技术是共享的
判断图片是否完全加载的方法(jquery的error事件妙用)
页面上,如何判断图片是否完全加载?
有时候,当用js动态获取服务器图片的时候,可能图片在服务器是不可用状态,这是需要重新获取。但是在页面,用什么方法判断图片是否完全加载了呢?期间LZ尝试了多种方法,最后得到了一种比较合理的方案。
因为,在jQuery中有一个error事件,可以通过绑定图片的error事件来监听图片是否完全加载。
$(document).ready(function() {
$('#pbcimg').error(function(){
var src=$(this).attr("src");
$(this).attr("src", src + "?noCache=" + new Date().valueOf());
});
);
这样,在给<img/>动态指定src的时候,若出错,则会循环触发此事件,直到图片正确加载。
探寻之路:
之前是通过判断 img.readystate=="complete"||i