您好,登錄后才能下訂單哦!
小編這次要給大家分享的是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的箭頭函數
看完這篇關于JS怎么獲取文件后綴,判斷文件類型的文章,如果覺得文章內容寫得不錯的話,可以把它分享出去給更多人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。