js 判断图片和视频是否加载成功

图片：

失败：

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

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

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

});

// 方法 2：隐藏它

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

$(this).hide();

});

成功

//jquery的方式

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

alert("加载完成！");

});

js:

document.getElementById("img2").οnlοad=function(){}

视频：

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

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

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

</a>

function myFunction(id) {

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

}

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

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

js 判断图片和视频是否加载成功相关推荐

html js 如何判断页面是第一次访问还是重复刷新访问,使用JS判断页面是首次被加载还是刷新...
1 利用window.name属性在页面刷新时不会重置判断(在该属性空置的情况下可使用) if(window.name == ""){ console.log("首次被加 ...
js-页面需展示大量图片时，采用lyz.delayLoading.min.js，图片在屏幕时加载显示
本文本内容拷贝至:https://blog.csdn.net/xuanwuziyou/article/details/48199123 当一个网页中有大量图片时,浏览器会逐个去下载这些图片,等全部下载 ...
JS 实现图片延迟加载（懒加载）
实现原理结构中,我们使用一个盒子包裹着图片(图片不显示的时候,可以先占据着这个位置,并且设置默认背景图或背景颜色) 最开始,img 的 src 设置默认背景图,并把图片真实地址放到自定义属性中(比如 ...
swiper.js 多图片页面的懒加载lazyLoading
swiper.js官网:http://www.swiper.com.cn/api/Images/2015/0308/213.html 设为true开启图片延迟加载,使preloadImages无效. ...
JS判断当前DOM树是否加载完毕
/** * @function Monitor whether the document tree is loaded. * @param fn */function domReady(fn) { i ...
WebView监听网页加载成功与失败
问题说明: 现在好多APP在应用中会内嵌webview,好多时候需要监听webview是否加载成功与失败.当加载成功的时候会回调WebViewClient的onPageFinished方法:当加载失败 ...
推荐JS插件：imagesLoaded，监测图片加载情况并提供相应的事件（加载成功/失败）...
惯例,首先贴上imagesLoaded的官方网址:http://imagesloaded.desandro.com/ 第一次知道imagesLoaded这个插件是在做瀑布流布局时,当时选用的是maso ...
OpenCV：01图片视频的加载显示
文章目录 **学习目标:** 图像与视频的加载显示导入OpenCV的包`cv2` 窗口操作计算按键的`ASCII`值读取图片用其他插件来读取(以`matplotlib`为例) 用`OpenCV ...
SSM 实训笔记 -10- 使用 sessionStorage 存储数据、js 图片验证码、登录加载动画
SSM 实训笔记 -10- 使用 sessionStorage 存储数据.js 图片验证码.登录加载动画本篇内容: (1)在登录成功时,使用 sessionStorage 存储用户的用户名,并在登录 ...
jQuery页面滚动图片等元素动态加载实现
一.关于滚动显屏加载常常会有这样子的页面,内容很丰富,页面很长,图片较多.比如说光棍节很疯狂的淘宝商城页面. 或者是前段时间写血本买了个高档耳机的京东商城页面,或者是新浪微博之类. 这些页面图片数量 ...

js 判断图片和视频是否加载成功

js 判断图片和视频是否加载成功相关推荐

最新文章

热门文章