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>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM