Javascriptでファイルの拡張子を見て画像ファイルかどうか判定する

2023年3月5日

split + popで拡張子を取り出し、includes()で判定

画像クイズで使ったコードです。

: 画像の名前を当てるクイズアプリをGoogleドライブ＋GASで作った
画像のファイル名を当てるだけのクイズトシを取るとともに記憶力が怪しくなってきます。頭の中に絵は浮かぶのに名前が出て来ない、ということが頻繁に起こります。老化に少しでも抗うために画像クイズアプリを ...

ファイル名の入った文字列をピリオド区切りで配列に分割して、popで最後の要素＝拡張子を取り出します。

判定用の拡張子が入った配列を用意しておき、includes()で取り出した拡張子と比較します。

function isPictureFile(filename) {
  const pictureExtensions = ["jpg", "JPG", "jpeg", "jpeg", "png", "PNG"];
  const ext = filename.split(".").pop();
  return pictureExtensions.includes(ext);
}

console.log(isPictureFile("test.jpg"));
true

console.log(isPictureFile("test.PNG"));
true

console.log(isPictureFile("test.txt"));
false

console.log(isPictureFile("test"));
false

拡張子を除去する

ついでにファイル名から拡張子を除去するコードもメモっておきます。

function removeExtension(filename) {
  const index = filename.lastIndexOf(".");
  if (lastDotIndex === -1) {
    return filename;
  }
  else {
    return filename.substr(0, lastDotPosition);
  }
}