您好,登錄后才能下訂單哦!
這篇文章主要講解了js根據后綴判斷文件文件類型的方法,內容清晰明了,對此有興趣的小伙伴可以學習一下,相信大家閱讀完之后會有幫助。
核心代碼
<script> function getFileType(fileName) { // 后綴獲取 let suffix = ''; // 獲取類型結果 let result = ''; try { const flieArr = fileName.split('.'); suffix = flieArr[flieArr.length - 1]; } catch (err) { suffix = ''; } // fileName無后綴返回 false if (!suffix) { return false; } suffix = suffix.toLocaleLowerCase(); // 圖片格式 const imglist = ['png', 'jpg', 'jpeg', 'bmp', 'gif']; // 進行圖片匹配 result = imglist.find(item => item === suffix); if (result) { return 'image'; } // 匹配txt const txtlist = ['txt']; result = txtlist.find(item => item === suffix); if (result) { return 'txt'; } // 匹配 excel const excelist = ['xls', 'xlsx']; result = excelist.find(item => item === suffix); if (result) { return 'excel'; } // 匹配 word const wordlist = ['doc', 'docx']; result = wordlist.find(item => item === suffix); if (result) { return 'word'; } // 匹配 pdf const pdflist = ['pdf']; result = pdflist.find(item => item === suffix); if (result) { return 'pdf'; } // 匹配 ppt const pptlist = ['ppt', 'pptx']; result = pptlist.find(item => item === suffix); if (result) { return 'ppt'; } // 匹配 視頻 const videolist = ['mp4', 'm2v', 'mkv', 'rmvb', 'wmv', 'avi', 'flv', 'mov', 'm4v']; result = videolist.find(item => item === suffix); if (result) { return 'video'; } // 匹配 音頻 const radiolist = ['mp3', 'wav', 'wmv']; result = radiolist.find(item => item === suffix); if (result) { return 'radio'; } // 其他 文件類型 return 'other'; } console.log(getFileType("jb51.jpg")); </script>
在chrome中F12測試發現
符合我們的要求。
上面的代碼主要用到了js(=>) 箭頭函數
ES6標準新增了一種新的函數:Arrow Function(箭頭函數)。
為什么叫Arrow Function?因為它的定義用的就是一個箭頭:
x => x * x
上面的箭頭函數相當于:
function (x) {
return x * x;
}
箭頭函數相當于匿名函數,并且簡化了函數定義。箭頭函數有兩種格式,一種像上面的,只包含一個表達式,連{ ... }和return都省略掉了。還有一種可以包含多條語句,這時候就不能省略{ ... }和return:
=>是es6語法中的arrow function
(x) => x + 6
相當于
function(x){
return x + 6;
};
看完上述內容,是不是對js根據后綴判斷文件文件類型的方法有進一步的了解,如果還想學習更多內容,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。