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>

  • 相关阅读:
    路飞学城Python-Day142
    路飞学城Python-Day141
    路飞学城Python-Day140
    路飞学城Python-Day136
    路飞学城Python-Day137
    路飞学城Python-Day117
    java基础知识总结
    Maven
    MySql实现分页查询
    js中的正则表达式入门
  • 原文地址:https://www.cnblogs.com/zhi-ming/p/10453168.html
Copyright © 2011-2022 走看看