JS獲取文件后綴,判斷文件類型(比如是否為圖片格式)

2020-05-18 10:59:03 來源:互聯網作者:佚名 人氣: 次閱讀 54 條評論

文章主要介紹了JS 獲取文件后綴,判斷文件類型(比如是否為圖片格式),需要的朋友可以參考下1、獲取文件后綴有時候我們需要通過文件名或者路徑,得到該文件的后綴名(擴展名),可以通...

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

1、獲取文件后綴

有時候我們需要通過文件名或者路徑,得到該文件的后綴名(擴展名),可以通過如下方式進行截取:

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

效果圖如下:

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

效果圖如下:

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的箭頭函數

您可能感興趣的文章

相關文章