成都网站建设设计

将想法与焦点和您一起共享

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

小编这次要给大家分享的是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到的新技能

使用es6的箭头函数

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


网页题目:JS怎么获取文件后缀,判断文件类型
文章链接:http://chengdu.cdxwcx.cn/article/phdech.html