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>