JS 獲取文件后綴,判斷文件類型(比如是否為圖片格式)
1、獲取文件后綴
有時候我們需要通過文件名或者路徑,得到該文件的后綴名(擴展名),可以通過如下方式進行截?。?br />
//文件路徑
var filePath = "file://upload/jb51.png";
//獲取最后一個.的位置
var index= filePath.lastIndexOf(".");
//獲取后綴
var ext = filePath.substr(index+1);
//輸出結(jié)果
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 = '';
// 獲取類型結(jié)果
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ù)
相關(guān)文章
Bootstrap實現(xiàn)省市區(qū)三級聯(lián)動(親測可用)
這篇文章主要為大家詳細介紹了Bootstrap實現(xiàn)省市區(qū)三級聯(lián)動,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-07-07
echart簡介_動力節(jié)點Java學(xué)院整理
這篇文章主要介紹了echart簡介,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
一個用js實現(xiàn)過濾重復(fù)字符的函數(shù)
一個用js實現(xiàn)過濾重復(fù)字符的函數(shù)...2007-08-08
JS實現(xiàn)移動端可折疊導(dǎo)航菜單(現(xiàn)代都市風(fēng))
這篇文章主要介紹了JS如何實現(xiàn)移動端可折疊導(dǎo)航菜單,文中示例代碼非常詳細,幫助大家更好的理解和學(xué)習(xí),感興趣的朋友可以了解下2020-07-07
javascript 設(shè)計模式之組合模式原理與應(yīng)用詳解
這篇文章主要介紹了javascript 設(shè)計模式之組合模式原理與應(yīng)用,結(jié)合實例形式分析了javascript組合模式基本概念、原理、應(yīng)用場景及操作注意事項,需要的朋友可以參考下2020-04-04
asp.net下利用js實現(xiàn)返回上一頁的實現(xiàn)方法小集
其實要實現(xiàn)這個功能主要還是要用到j(luò)avascript2009-11-11
使用getBoundingClientRect方法實現(xiàn)簡潔的sticky組件的方法
本文介紹這種組件的實現(xiàn)思路,并提供一個同時支持將sticky元素固定在頂部或底部的具體實現(xiàn),由于這種組件在網(wǎng)站中非常常見,所以有必要掌握它的實現(xiàn)方式,以便在有需要的時候基于它的思路寫出功能更多的組件出來2016-03-03

