js判断一个链接是图片还是视频-Toy模板网

这篇具有很好参考价值的文章主要介绍了js判断一个链接是图片还是视频。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

要判断一个链接是图片还是视频，可以通过链接的文件扩展名来进行判断。常见的图片文件扩展名包括.jpg、.jpeg、.png、.gif等，而常见的视频文件扩展名包括.mp4、.avi、.mov、.wmv等。

你可以使用JavaScript中的字符串操作方法来提取链接的文件扩展名，并进行判断。以下是一个示例的JavaScript函数：

function checkMediaType(url) {
  // 创建URL对象
  var link = new URL(url);

  // 获取路径部分（去除参数）
  var path = link.pathname;

  // 获取路径的最后一个点之后的内容作为文件扩展名
  var extension = path.split('.').pop().toLowerCase();

  // 声明支持的图片和视频文件扩展名
  var imageExtensions = ['jpg', 'jpeg', 'gif', 'png'];
  var videoExtensions = ['mp4', 'wmv', 'avi', 'mov'];

  // 判断文件扩展名是否在图片扩展名数组中
  if (imageExtensions.includes(extension)) {
    return 'image';
  }

  // 判断文件扩展名是否在视频扩展名数组中
  if (videoExtensions.includes(extension)) {
    return 'video';
  }

  // 扩展名不在图片或视频数组中，返回null表示无法确定媒体类型
  return null;
}

// 例子：判断链接是否为图片
var url = 'https://example.com/image.jpg?param1=value1&param2=value2';
var mediaType = checkMediaType(url);
if (mediaType === 'image') {
  console.log('这是一个图片链接');
} else if (mediaType === 'video') {
  console.log('这是一个视频链接');
} else {
  console.log('这个链接无法确定媒体类型');
}

文章来源地址https://www.toymoban.com/news/detail-743075.html

到了这里，关于js判断一个链接是图片还是视频的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！