`

jquery判断图片是否完整加载了

阅读更多
这里其实是个tips,目的是判断每张图片是否能正确完整加载了:
(document).ready(function() {
$('img').error(function() {
  $.post('ajax-image-error-jquery.php', {
   image: $(this).attr('src'),
   page: window.location.href
  }, function() {
   //hide the image?
  });
});
});
对于每个图片,监听其中的error事件即可,然后POST到一个PHP去处理,把其中的SRC参数带过去,比如可以发邮件通知:
if(isset($_POST['image']))
{
$to = 'errors@yourdomain.com';
$from = 'automailer@yourdomain.com';
$subject = 'Broken Image';
$content = "The website is signaling a broken image!\n\nBroken Image Path:  ".stripslashes($_POST['image'])."\n\nReferenced on Page:  ".stripslashes($_POST['page']);
$result = mail($to,$subject,$content,'From: '.$from."\r\n");
die($result);
}



1
2
分享到:
评论

相关推荐

    判断图片加载

    判断图片是否正确加载,当加载成功时执行某一事件,当不成功是执行另一个事件

    jQuery 判断图片是否加载完成方法汇总

    有时候我们在前端开发工作中为了获取图片的信息,需要在图片加载完成后才可以正确的获取到图片的大小尺寸,并且执行相应的回调函数使图片产生某种显示效果。本文主要整理了几种常见的jquery判断图片加载完成时的方法

    js或者jquery判断图片是否加载完成实现代码

    其中选择器是图片的id或class,function里面的方法就是回调函数,在图片加载完成后执行,但是我试验了很多,压根儿不是那么回事,正确的解决方法是: 用js的onload方法: 代码如下: document.getElementById(“”)....

    JavaScript & jQuery完美判断图片是否加载完毕

    本文主要介绍了JavaScript & jQuery完美判断图片是否加载完毕的方法。具有一定的参考价值,下面跟着小编一起来看下吧

    JS判断图片是否加载完成方法汇总(最新版)

    下面小编给大家整理了几种关于JS判断图片是否加载完成方法汇总,一起看看吧。 一、load事件 [removed] $('img').onload = function() { //code } [removed] 优点:简单易用,不影响HTML代码。 缺点:只能指定一...

    jQuery实现图片加载完成后改变图片大小的方法

    本文实例讲述了jQuery实现图片加载完成后改变图片大小的方法。分享给大家供大家参考,具体如下: 要改变图片的大小并不难,可以用jQuery操作css改变。但是前提是要判断图片是否加载完成。主要是通过jQuery的load事件...

    JavaScript实现判断图片是否加载完成的3种方法整理

    主要介绍了JavaScript实现判断图片是否加载完成的3种方法整理,本文讲解了onload方法、javascipt原生方法、jquery方法三种方法,需要的朋友可以参考下

    Jquery实现图片预加载与延时加载的方法

    有很多项目经常会需要判断图片加载完成后执行相应的操作,或者需要图片延迟加载,网上虽然已经有很不错的插件,但要为这些效果还得单独加载一个插件的话总感觉有点不舒服,干脆自己写了个方法: 代码如下:function ...

    图片懒加载demo(仅供参考)

    图片懒加载判断图片是否滚动到视图内,使用jquery.lazyload.js插件,还得大于五十个字,真麻烦随便凑凑字吧,仅供参考

    超实用的jQuery代码段

    11.1 判断jQuery库是否被加载 11.2 解决jQuery库冲突的方法 11.3 jQuery版本检查方法 11.4 解决jQuery版本冲突问题 11.5 如何设置IE特有的功能 11.6 判断浏览器类型并设置HTML元素内容 11.7 加载Google CDN的jQuery...

    jquery网页加载进度条的实现

    但是目前的浏览器并没有提供页面加载进度方面的接口,也就是说页面还无法准确返回页面实际加载的进度,本文中我们使用jQuery来实现页面加载进度条效果。 首先我们要知道的是,目前没有任何浏览器可以直接获取正在...

    jQuery chili图片放大特效插件

     用隐藏的前景图片预加载,load事件判断时机,ie,chrome正常,ff请求了两次图片,图片未缓存;  换一种方式,不预载大图。改成直接在大图位置用覆盖层做“loading”后,chrome下表现为渐进加载图片,非chrome是直接...

    jquery事件的ready()方法使用详解

    他们的区别就是,ready是在DOM的结构加载完后就触发,load是在页面内包括DOM结构,css,js,图片等都加载完成后再触发,显然ready更适合作为页面初始化使用。但有时候也不尽然。需要进一步查看其内部机制。 那么...

    分享15个大家都熟知的jquery小技巧

    判断图片是否加载完 自动修补破损图像 Hover切换class类 禁用输入 停止正在加载的链接 toggle fade/slide 简单的手风琴 使两个DIV同等高度 在浏览器标签/新窗口打开外部链接 根据文本获取元素 可见变化的...

    javascript判断图片是否加载完成的方法推荐

    load事件 ...缺点:只能指定一个元素,javascipt代码必须置于图片元素的下方 jquery方法 [removed] $(function(){ $('.pic1').each(function() { $(this).load(function(){ $(this).fadeIn(); });

    jQuery开发技巧

    5 预加载图片 $ document ready function { jQuery preloadImages function { for var i 0; i<arguments length; i++ "" { "" jquery " ""><img>" attr &...

    jQuery 瀑布流 浮动布局(一)(延迟AJAX加载图片)

    判断图片是否进入可视区域; 2.用AJAX请求服务器数据; 3.将数据播入到相应的列队; 二、实现方法: 给window的scroll事件l绑定一个处理函数:做如下工作: 1.如何判断最后一行的图片,是否进入了可视区域? 如果:...

Global site tag (gtag.js) - Google Analytics