由於 html5 開始才支援 accept 屬性: audio/*, video/*, image/*

可以用於檢查 input file 的檔案格式,

ex:

REF: w3schools

但若要支援較舊的瀏覽器, 似乎只能夠過檢查副檔名來判斷

這邊透過 split('.') 再用 array 的 pop() 取出最後一個點後方的字串, 也就是副檔名,

若是以單存取得副檔名的功能來說, 這個方法還滿簡潔的.

當然若要直接用 RegExp.test() 來驗證整個檔名也完全可以, 我想效能應該不會差太多.., 所以這篇只是想記錄取副檔名的用法: split('.').pop() XDD

A Simple DEMO@JSFiddle