小さい頃はエラ呼吸

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


input type="file"でファイルが選択されたらアップロードボタンを有効化する

ファイルアップロードフォームで参照ボタンからファイルが選択されたときにはじめてアップロードボタンを有効化するには、以下のように書きます。

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
  window.onload = function() {
    document.getElementById("btnUpload").disabled = true;
  }
  function selectFile() {
    if (document.getElementById("elmFile").value === "") {
      document.getElementById("btnUpload").disabled = true;
    }
    else {
      document.getElementById("btnUpload").disabled = false;
    }
  }
</script>
</head>
<body>
<form method="post" enctype="multipart/form-data">
<fieldset>
<legend>ファイルアップロードフォーム</legend>
<span id="hoge"><input type="file" id="elmFile" onchange="selectFile()"></span>
<input type="button" id="btnUpload" value="アップロード" >
</fieldset>
</form>
</body>
</html>