k01ken’s b10g

He110 W0r1d!

JavaScriptでファイルの名前とタイプとサイズを調べる

開発環境は、Windows10 Pro(64bit) 。

ファイルを選んだ時点で、console.logに、ファイル名、ファイルサイズ、ファイルタイプが表示されます。

<script>
  let uploadFile = document.getElementById("uploadFile");
  uploadFile.addEventListener('change',function(e){
    console.log("絶対パス付きのファイル名:",e.target.value);
    console.log("ファイル名:",e.target.files[0].name);
    console.log("ファイルサイズ:",e.target.files[0].size);
    console.log("ファイルタイプ:",e.target.files[0].type);
  },false);
</script>
<body>
  <input type="file" id="uploadFile" />
</body>