zoukankan      html  css  js  c++  java
  • js 判断图片和视频是否加载成功

    图片:

    失败:

    // 方法 1:更换图片地址

    $('img').error(function(){

        $(this).attr('src', '加载失败.png');

    });

    // 方法 2:隐藏它

    $("img").error(function(){

        $(this).hide();

    });

    成功

    //jquery的方式

    $("#imageId").load(function(){

      alert("加载完成!");

    });

    js:

    document.getElementById("img2").onload=function(){}

    视频:

    h5的video标签 的oncanplaythrough方法可以判断视频加载成功与否

    <a href="javascript:void(0)" title="点击查看视频">

    <video id="${video.id}" src="${videoPath}${video.fFileName}" onclick="big(this.src);"

    height=30 width=30 oncanplaythrough="myFunction(this.id)"/>

    </a>

    function myFunction(id) {

    $("#"+id+"a").show();

    }

    img标签有个onerror方法可以直接判断图片是否加载成功:

    为防止onerror方法死循环应该这么写:

    <img alt="" xid="image1" src="xxxx" onerror="this.onerror=null;this.src='./knowledge/DefaultNews.png'"></img></div>

  • 相关阅读:
    MongoDB基础--数据库和集合基本操作
    MongoDB索引
    Spring 单元测试
    MongoDB创建索引
    MongoDB数据更新
    MongoDB基本写入和读出操作
    MongBD-windows 64-bit 安装
    Maven报错
    Converter使用及其原理
    volatile到底解决了什么问题?
  • 原文地址:https://www.cnblogs.com/zhi-ming/p/10453168.html
Copyright © 2011-2022 走看看