文章主要介紹了JS 獲取文件后綴，判斷文件類(lèi)型(比如是否為圖片格式),需要的朋友可以參考下

1、獲取文件后綴

有時(shí)候我們需要通過(guò)文件名或者路徑，得到該文件的后綴名（擴(kuò)展名），可以通過(guò)如下方式進(jìn)行截取：

//文件路徑
var filePath = "file://upload/jb51.png";
//獲取最后一個(gè).的位置
var index= filePath.lastIndexOf(".");
//獲取后綴
var ext = filePath.substr(index+1);
//輸出結(jié)果
console.log(ext);

效果圖如下：

2、文件類(lèi)型判斷

我們得到文件后綴名后，根據(jù)后綴即可判斷文件的類(lèi)型（文件格式）。比如我們需要判斷一個(gè)文件是否是圖片格式，首先定義一個(gè)判斷函數(shù)：

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

使用時(shí)只需把后綴傳入即可判斷：

/文件路徑
var filePath = "file://upload/jb51.png";
//獲取最后一個(gè).的位置
var index= filePath.lastIndexOf(".");
//獲取后綴
var ext = filePath.substr(index+1);
//判斷是否是圖片
console.log("該文件是否為圖片：" + isAssetTypeAnImage(ext));

效果圖如下：

3、第三種實(shí)現(xiàn)方式，今天腳本之家小編剛get到的新技能

<script>
//文件路徑
var fileName = "file://upload/jb51.png";
var Ttype="";
//后綴獲取
let suffix = '';
// 獲取類(lèi)型結(jié)果
let result = '';
const flieArr = fileName.split('.');
suffix = flieArr[flieArr.length - 1];
if(suffix!=""){
suffix = suffix.toLocaleLowerCase();
// 圖片格式
const imglist = ['png', 'jpg', 'jpeg', 'bmp', 'gif'];
// 進(jìn)行圖片匹配
result = imglist.find(item => item === suffix);
if (result) {
??Ttype='image';
}
}
console.log("該文件是否為圖片：" + Ttype);
</script>

使用es6的箭頭函數(shù)