vue-上传文件校验文件类型，

最新推荐文章于 2024-12-24 15:33:33 发布

时间路人e

最新推荐文章于 2024-12-24 15:33:33 发布

阅读量1.6k

点赞数 1

CC 4.0 BY-SA版权

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_50748620/article/details/121777759

本文介绍了一个用于判断文件类型的JavaScript函数，通过分析文件后缀名，将其归类为图片、文本、Excel、Word、PDF、PPT、视频、音频等格式，同时也涵盖了不同信息技术领域的分类概览。

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

在这里插入代码片
```function getFileType(fileName) {
  // 根据后缀判断文件类型
  let fileSuffix = "";
  // 结果
  let result = "";
  try {
    let flieArr = fileName.split(".");
    fileSuffix = flieArr[flieArr.length - 1];
  } catch (err) {
    fileSuffix = "";
  }
  // fileName无后缀返回 false
  if (!fileSuffix) {
    result = false;
    return result;
  }
  // 图片格式
  let imglist = ["png", "jpg", "jpeg", "bmp", "gif"];
  // 进行图片匹配
  result = imglist.some(function(item) {
    return item == fileSuffix;
  });
  if (result) {
    result = "image";
    return result;
  }
  // 匹配txt
  let txtlist = ["txt"];
  result = txtlist.some(function(item) {
    return item == fileSuffix;
  });
  if (result) {
    result = "txt";
    return result;
  }
  // 匹配 excel
  let excelist = ["xls", "xlsx"];
  result = excelist.some(function(item) {
    return item == fileSuffix;
  });
  if (result) {
    result = "excel";
    return result;
  }
  // 匹配 word
  let wordlist = ["doc", "docx"];
  result = wordlist.some(function(item) {
    return item == fileSuffix;
  });
  if (result) {
    result = "word";
    return result;
  }
  // 匹配 pdf
  let pdflist = ["pdf"];
  result = pdflist.some(function(item) {
    return item == fileSuffix;
  });
  if (result) {
    result = "pdf";
    return result;
  }
  // 匹配 ppt
  let pptlist = ["ppt"];
  result = pptlist.some(function(item) {
    return item == fileSuffix;
  });
  if (result) {
    result = "ppt";
    return result;
  }
  // 匹配 视频
  let videolist = ["mp4", "m2v", "mkv"];
  result = videolist.some(function(item) {
    return item == fileSuffix;
  });
  if (result) {
    result = "video";
    return result;
  }
  // 匹配 音频
  let radiolist = ["mp3", "wav", "wmv"];
  result = radiolist.some(function(item) {
    return item == fileSuffix;
  });
  if (result) {
    result = "radio";
    return result;
  }
  // 其他 文件类型
  result = "other";
  return result;
}
 
 直接在utils 中声明后在页面中调用