web関連

【javascript】ファイルの拡張子を取得する方法

2021/01/08

画像の拡張子を取得したかったときの備忘録

画像の拡張子の取得方法

画像の拡張子を取得する方法調べてたらいくつかあったんだけどこれが一番使い勝手がいいと思った

const filename = 'https://twotone.me/test.png';
const pos = filename.lastIndexOf('.');// 23文字目に存在
const ext = filename.slice(pos + 1);// sliceの開始位置を24文字目に指定
console.log(ext);// png

使い勝手がいい理由としてwordpressのプラグインで画像に「https://twotone.me/test.png?v=01234」ってクエリ文字列をつけているサイトがあって、上記コードだと「png?v=01234」ってpng以降も取得しちゃうから以下のように書き足すだけで対応できたから

const filename = 'https://twotone.me/test.png?v=01234';
const pos = filename.lastIndexOf('.');// 23文字目に存在
const pos_qs = filename.lastIndexOf('?');// 27文字目に存在(追加)
const ext = filename.slice(pos + 1, pos_qs);// sliceの開始位置を24文字目~27文字目に指定(書き足し)
console.log(ext);// png

sliceメソッドが使い勝手が良かったという話だね