1、獲取文件后綴

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

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

效果圖如下：

2、文件類型判斷

我們得到文件后綴名后，根據(jù)后綴即可判斷文件的類型（文件格式）。比如我們需要判斷一個(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)方式，今天好吧啦網(wǎng)小編剛get到的新技能

<script>//文件路徑var fileName = 'file://upload/jb51.png';var Ttype='';//后綴獲取let suffix = ’’;// 獲取類型結(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ù)