JavaScript | ファイル名から拡張子を取得する方法

JavaScript 取得,JavaScript

JavaScript | ファイル名から拡張子を取得する方法

JavaScriptでファイル名から拡張子を取得する方法を紹介しています。

※ファイル情報を取得している、または取得可能な場合はファイル情報から「.type」でMIMEタイプを取得できます

ファイルの拡張子を取得する

「.」を区切り文字にファイル名分割して、配列から最後の値を取得する方法になります。

この方法は単純にファイル名という文字列しか持っていない場合に利用します。

ファイル名をsplit()で分割、得られる配列の結果からpop()で最後の値を取得しています。

ファイル名には複数の「.」がある場合がありますので、この方法を使う場合は例えばファイル名に「.」がひとつしかないと想定した場合の[1]ではなくpop()を利用した方が安全です。

let file = 'sample.png';
let file_type = file.split('.').pop();

console.log(file_type);
// png