首页 > 其他分享 >jquery判断图片是否完整加载了

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

时间:2022-12-02 11:02:40浏览次数:32  
标签:jquery function stripslashes image 完整 error POST Image 加载


这里其实是个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 = '[email protected]';
$from = '[email protected]';
$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);
}


标签:jquery,function,stripslashes,image,完整,error,POST,Image,加载
From: https://blog.51cto.com/u_14230175/5906239

相关文章

  • jquery工具类笔记
    1$browswer对象获得浏览器信息<scripttype="text/javascript">$(function(){varstrTmp="您的浏览器名称是:";if($.browser.msie){//I......
  • Springboot+freemaker+eureka+fegin实现多文件上传,完整demo
    可能一般用fegin实现文件上传的不多,但这也算是一个文件上传方式吧,如果用到了,可以考虑借鉴一下,直接上代码好了eurekapom.xml<?xmlversion="1.0"encoding="UTF-8"?><......
  • Java实现在线SQL编程【完整版】
    前言:由于前段时间,项目组长分配的任务是要完成一个在线编写​​​SQL​​​并要实现查询功能的需求,最终需要将查询到的数据以​​JSON​​​格式显示到响应数据的区域,以供操......
  • day28-jQuery01
    jQuery01参考文档1:jQueryAPI中文文档|jQueryAPI中文在线手册|jqueryapi下载|jqueryapichm(cuishifeng.cn)参考文档2:jQuery教程(w3school.com.cn),jQuery......
  • SpringBoot找不到或无法加载主类
    首先确认程序的启动类中springboot类的名字没写错。确认之后在idea中依旧有下边的错误信息            ......
  • java 中类的加载顺序
    JAVA类首次装入时,会对静态成员变量或方法进行一次初始化,但方法不被调用是不会执行的;静态成员变量和静态初始化块级别相同,非静态成员变量和非静态初始化块级别相同。先初始......
  • Spring按条件加载Bean
    @ConditionalOnClass(DefaultMQProducer.class)~~春波特:属性直接使用类是不科学的,需要用(name=“类全名”)方式,这样在类不在classpath时,不会抛出CNFE......
  • js,jQuery获取html5的data-*属性
    js,jQuery获取html5的data-*属性  今天做项目的时候发现一个坑,关于jQuery获取data-*属性的方法data(),特写此篇来记录。data-*自定义数据属性HTML5规定可以为元......
  • MySQL数据库-数据完整性-笔记
    数据完整性一个数据库就是一个完整的业务单元,可以包含多张表,数据被存储在表中在表中为了更加准确的存储数据,保证数据的正确有效,可以在创建表的时候,为表添加一些强制性的验证......
  • VB程序在引用部件mscomctl.ocx时提示不能加载,引用失败的解决办法
    一、解决方法一1.将对应版本的MSCOMCTL.OCX文件复制到“X:Windowssystem32”(X代表您系统所在目录盘符,如:C:Windowssystem32)目录下。2.在开始菜单中找到“运行(R)......