温馨提示×

温馨提示×

您好，登录后才能下订单哦！

密码登录×

忘记密码？

登录注册×

获取短信验证码

其他方式登录

点击登录注册即表示同意《亿速云用户服务条款》

用户登录×

账户密码登录

请使用微信扫描上方二维码

使用帮助

请求超时！

请点击重新获取二维码

服务器
数据库
开发技术
网络安全
互联网科技

控制台

用户中心
财务账户优惠券

充值退出

最新更新网站标签地图导航

JS怎么获取文件后缀，判断文件类型

发布时间：2020-07-28 10:46:35 来源：亿速云阅读：1149 作者：小猪栏目： web开发

小编这次要给大家分享的是JS怎么获取文件后缀，判断文件类型，文章内容丰富，感兴趣的小伙伴可以来了解一下，希望大家阅读完这篇文章之后能够有所收获。

1、获取文件后缀

有时候我们需要通过文件名或者路径，得到该文件的后缀名（扩展名），可以通过如下方式进行截取：

//文件路径
var filePath = "file://upload/jb51.png";
//获取最后一个.的位置
var index= filePath.lastIndexOf(".");
//获取后缀
var ext = filePath.substr(index+1);
//输出结果
console.log(ext);

效果图如下：

JS怎么获取文件后缀，判断文件类型

2、文件类型判断

我们得到文件后缀名后，根据后缀即可判断文件的类型（文件格式）。比如我们需要判断一个文件是否是图片格式，首先定义一个判断函数：

function isAssetTypeAnImage(ext) {
 return [
 'png', 'jpg', 'jpeg', 'bmp', 'gif', 'webp', 'psd', 'svg', 'tiff'].
 indexOf(ext.toLowerCase()) !== -1;
}

使用时只需把后缀传入即可判断：

//文件路径
var filePath = "file://upload/jb51.png";
//获取最后一个.的位置
var index= filePath.lastIndexOf(".");
//获取后缀
var ext = filePath.substr(index+1);
//判断是否是图片
console.log("该文件是否为图片：" + isAssetTypeAnImage(ext));

效果图如下：

JS怎么获取文件后缀，判断文件类型

3、第三种实现方式，今天亿速云小编刚get到的新技能

<script>
//文件路径
var fileName = "file://upload/jb51.png";
var Ttype="";
//后缀获取
let suffix = '';
// 获取类型结果
let result = '';
const flieArr = fileName.split('.');
suffix = flieArr[flieArr.length - 1];
if(suffix!=""){
suffix = suffix.toLocaleLowerCase();
// 图片格式
const imglist = ['png', 'jpg', 'jpeg', 'bmp', 'gif'];
// 进行图片匹配
result = imglist.find(item => item === suffix);
if (result) {
  Ttype='image';
}
}
console.log("该文件是否为图片：" + Ttype);
</script>

使用es6的箭头函数

看完这篇关于JS怎么获取文件后缀，判断文件类型的文章，如果觉得文章内容写得不错的话，可以把它分享出去给更多人看到。

向AI问一下细节

推荐阅读：

包含漏洞文件类型白名单验证及判断后缀的解决办法
java如何通过文件后缀名判断文件类型

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。

上一篇新闻：
解决mongodb服务无法启动失败的问题
下一篇新闻：
js根据后缀判断文件文件类型的方法

猜你喜欢

c#异步方法怎么实现
c语言异步回调函数如何表示
android中drawroundrect的用法是什么
android中的drawroundrect有什么作用
android的drawable类有哪些功能
android文本编辑器怎么实现
删除ubuntu系统并重装的方法是什么
删除ubuntu后开机grub怎么解决
ubuntu卸载分区的方法是什么
怎么完全删除Ubuntu双系统

最新资讯

相关推荐

相关标签

AI
助
手

产品服务

云服务器
高防服务器
高防IP
裸金属服务器
机柜租用
SSL证书
高防CDN
弹性IP

地区划分

中国香港服务器
美国服务器
德国服务器
日本服务器
韩国服务器
新加坡服务器

专题活动

控制台
应用市场
最新活动

帮助支持

帮助中心
网站备案
法律条款
全国服务
安全漏洞
主题地图

关于我们

关于亿速云
客户案例
新闻资讯
资讯地图
问答地图
联系我们
人才招聘

售后咨询

7*24小时在线电话：400-100-2938

7*24小时在线 QQ：800811969

关注亿速云

亿速云公众号

手机网站二维码

代做工资流水公司南宁收入证明多少钱黄冈打印离职证明曲靖贷款工资流水制作大庆打流水单南昌查询收入证明绵阳薪资银行流水代办绍兴银行流水电子版费用淄博打银行流水修改太原离职证明报价廊坊查个人银行流水大连银行流水查询厦门自存银行流水公司南京代开对公银行流水鞍山工资证明图片泰安企业流水打印公司唐山离职证明价格三亚制作个人工资流水武汉开对公银行流水德阳车贷工资流水价格廊坊查房贷银行流水常德签证工资流水样本湘潭查询工资代付流水苏州代做购房银行流水鞍山打车贷银行流水威海银行流水单样本淮安自存银行流水公司大庆流水模板昆明贷款银行流水报价吉林查询企业银行流水珠海代办公司流水香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户 315晚会后胖东来又人满为患了高校汽车撞人致3死16伤司机系学生张家界的山上“长”满了韩国人？张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲 “重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后原水城县长再被查凯特王妃现身！外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人多人受伤

代做工资流水公司 XML地图 TXT地图虚拟主机 SEO 网站制作网站优化