Help us understand the problem. What is going on with this article?

JavaScript ファイル拡張子チェック

ライブラリを使わない拡張子チェック

allowExtension.js
  const allowExtensions = '.(jpeg|jpg|png|bmp|gif)$'; // 許可する拡張子
  const onChangePicture = (e) => {
    if (e.target.files[0]) { // ファイル存在チェック
      if (!e.target.files[0].name.match(allowExtensions)) { // 許可する拡張子以外の場合
        alert('拡張子が jpeg, jpg, png, bmp, gif 以外のファイルはアップロードできません。');
        return; // 処理を中断
      }
  }

参考ページ
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/match

yasuken
初歩的なことから、自分の能力をQiitaで棚卸ししていく。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away