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

1、獲取文件后綴

有時候我們需要通過文件名或者路徑，得到該文件的后綴名（擴展名），可以通過如下方式進行截?。?/p>

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

效果圖如下：

2、文件類型判斷

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

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));

效果圖如下：

3、第三種實現(xiàn)方式，今天腳本之家小編剛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的箭頭函數(shù)