js根据后缀判断文件文件类型的代码


Posted in Javascript onMay 09, 2020

核心代码

<script>
function getFileType(fileName) {
  // 后缀获取
  let suffix = '';
  // 获取类型结果
  let result = '';
  try {
   const flieArr = fileName.split('.');
   suffix = flieArr[flieArr.length - 1];
  } catch (err) {
   suffix = '';
  }
  // fileName无后缀返回 false
  if (!suffix) { return false; }
  suffix = suffix.toLocaleLowerCase();
  // 图片格式
  const imglist = ['png', 'jpg', 'jpeg', 'bmp', 'gif'];
  // 进行图片匹配
  result = imglist.find(item => item === suffix);
  if (result) {
   return 'image';
  }
  // 匹配txt
  const txtlist = ['txt'];
  result = txtlist.find(item => item === suffix);
  if (result) {
   return 'txt';
  }
  // 匹配 excel
  const excelist = ['xls', 'xlsx'];
  result = excelist.find(item => item === suffix);
  if (result) {
   return 'excel';
  }
  // 匹配 word
  const wordlist = ['doc', 'docx'];
  result = wordlist.find(item => item === suffix);
  if (result) {
   return 'word';
  }
  // 匹配 pdf
  const pdflist = ['pdf'];
  result = pdflist.find(item => item === suffix);
  if (result) {
   return 'pdf';
  }
  // 匹配 ppt
  const pptlist = ['ppt', 'pptx'];
  result = pptlist.find(item => item === suffix);
  if (result) {
   return 'ppt';
  }
  // 匹配 视频
  const videolist = ['mp4', 'm2v', 'mkv', 'rmvb', 'wmv', 'avi', 'flv', 'mov', 'm4v'];
  result = videolist.find(item => item === suffix);
  if (result) {
   return 'video';
  }
  // 匹配 音频
  const radiolist = ['mp3', 'wav', 'wmv'];
  result = radiolist.find(item => item === suffix);
  if (result) {
   return 'radio';
  }
  // 其他 文件类型
  return 'other';
 }
console.log(getFileType("3water.jpg"));
</script>

在chrome中F12测试发现

js根据后缀判断文件文件类型的代码

符合我们的要求。

上面的代码主要用到了js(=>) 箭头函数

ES6标准新增了一种新的函数:Arrow Function(箭头函数)。

为什么叫Arrow Function?因为它的定义用的就是一个箭头:

x => x * x

上面的箭头函数相当于:

function (x) {
return x * x;
}

箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种像上面的,只包含一个表达式,连{ ... }和return都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ ... }和return:

=>是es6语法中的arrow function

(x) => x + 6

相当于

function(x){
return x + 6;
};

以上就是js根据后缀判断文件文件类型的代码的详细内容,更多关于js后缀的资料请关注三水点靠木其它相关文章!

Javascript 相关文章推荐
基于JQuery的浮动DIV显示提示信息并自动隐藏
Feb 11 Javascript
lyhucSelect基于Jquery的Select数据联动插件
Mar 29 Javascript
JQuery EasyUI 日期控件如何控制日期选择区间
May 05 Javascript
js判断登录与否并确定跳转页面的方法
Jan 30 Javascript
关注jquery技巧提高jquery技能(前端开发必学)
Nov 02 Javascript
AngularJS实现元素显示和隐藏的几个案例
Dec 09 Javascript
jQuery实现伪分页的方法分享
Feb 17 Javascript
H5用户注册表单页 注册模态框!
Sep 17 Javascript
jQuery中select与datalist制作下拉菜单时的区别浅析
Dec 30 Javascript
在node.js中怎么屏蔽掉favicon.ico的请求
Mar 01 Javascript
JS一个简单的注册页面实例
Sep 05 Javascript
使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子
Sep 25 Javascript
Element实现表格嵌套、多个表格共用一个表头的方法
May 09 #Javascript
JS原形与原型链深入详解
May 09 #Javascript
JavaScript中的this妙用实例分析
May 09 #Javascript
JavaScript中继承原理与用法实例入门
May 09 #Javascript
jQuery三组基本动画与自定义动画操作实例总结
May 09 #jQuery
JavaScript进阶(四)原型与原型链用法实例分析
May 09 #Javascript
JavaScript进阶(三)闭包原理与用法详解
May 09 #Javascript
You might like
咖啡知识大全
2021/03/03 新手入门
虹吸壶煮咖啡26个注意事项
2021/03/03 冲泡冲煮
php 向访客和爬虫显示不同的内容
2009/11/09 PHP
一个严格的PHP Session会话超时时间设置方法
2014/06/10 PHP
php实现对两个数组进行减法操作的方法
2015/04/17 PHP
thinkPHP5.0框架开发规范简介
2017/03/25 PHP
PHP微信企业号开发之回调模式开启与用法示例
2017/11/25 PHP
javascript parseInt 大改造
2009/09/27 Javascript
为你的网站增加亮点的9款jQuery插件推荐
2011/05/03 Javascript
动态加载script文件的两种方法
2013/08/15 Javascript
JavaScript移除数组内重复元素的方法
2015/03/18 Javascript
jquery 判断selection range 是否在容器中的简单实例
2016/08/02 Javascript
JavaScript基于扩展String实现替换字符串中index处字符的方法
2017/06/13 Javascript
用最简单的方法判断JavaScript中this的指向(推荐)
2017/09/04 Javascript
Nuxt.js实现校验访问浏览器类型的中间件
2018/08/24 Javascript
详解react native页面间传递数据的几种方式
2018/11/07 Javascript
微信小程序自定义toast弹窗效果的实现代码
2018/11/15 Javascript
vue打包之后生成一个配置文件修改接口的方法
2018/12/09 Javascript
理解python中生成器用法
2017/12/20 Python
Python3实现对列表按元组指定列进行排序的方法分析
2018/12/22 Python
使用python接入微信聊天机器人
2020/03/31 Python
使用遗传算法求二元函数的最小值
2020/02/11 Python
美国一家主打母婴用品的团购网站:zulily
2017/09/19 全球购物
Conforama瑞士:家具、厨房、电器、装饰
2020/09/06 全球购物
英语生日邀请函
2014/01/23 职场文书
竞争性谈判邀请书
2014/02/06 职场文书
三年级学生评语
2014/04/23 职场文书
成立公司计划书
2014/05/07 职场文书
C++程序员求职信
2014/05/07 职场文书
员工年终自我评价
2014/09/14 职场文书
县政府领导班子四风问题对照检查材料思想汇报
2014/09/26 职场文书
2014年实习生工作总结
2014/11/27 职场文书
实习生个人总结范文
2015/02/28 职场文书
电子商务专业求职信范文
2015/03/19 职场文书
怒海潜将观后感
2015/06/11 职场文书
详解Python常用的魔法方法
2021/06/03 Python