js判断图片链接，视频链接是否有效

Miya锤

于 2023-12-15 17:28:01 发布

阅读量814

点赞数 9

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_45599105/article/details/135022111

版权

本文介绍了使用JavaScript如何检查HTML中的视频和图片链接的有效性，通过`onload`和`onerror`事件处理程序来判断资源加载状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//视频链接是否有效
 let video = document.getElementById("checkUrl");
 video.src = src;
 video.onload = function () {
   console.log("视频加载成功");
 };
 video.onerror = function () {
   console.log("视频加载失败");
 };

//图片链接是否有效
let IMG = new Image();
IMG.src = srcList[i];
IMG.onerror = await function () {
  console.log("图片加载失败");
};
IMG.onload = () => {
 console.log("图片加载成功");
};