小さい頃はエラ呼吸

いつのまにやら肺で呼吸をしています。


ファイルアップロード前にファイルの拡張子をチェックする

ファイルアップロード

ファイルをアップロードする前にクライアントサイドでファイルの拡張子をチェックするには、以下のようにします。以下の例では、テキストファイルかどうかをアップロード前にチェックしています。

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
  function getExtension(fileName) {
    var ret;
    if (!fileName) {
      return ret;
    }
    var fileTypes = fileName.split(".");
    var len = fileTypes.length;
    if (len === 0) {
      return ret;
    }
    ret = fileTypes[len - 1];
    return ret;
  }

  function IsTxtFile(fileName) {
    var Extension = getExtension(fileName);
    if (Extension.toLowerCase() === "txt") {
      alert("テキストファイルです");
    }
    else {
      alert("テキストファイルではありません。");
    }
  }
</script>
</head>
<body>
<form method="post" enctype="multipart/form-data">
<fieldset>
<legend>ファイルアップロードフォーム</legend>
<span id="hoge"><input type="file" id="elmFile"></span>
<input type="button" id="btnUpload" value="アップロード" onclick="IsTxtFile(document.getElementById('elmFile').value)">
</fieldset>
</form>
</body>
</html>

関連エントリ