今頃 HTML5 の緒に就いたところで恥ずかしいのだが、早速つまずいた。古籏氏の「File APIでブラウザーからローカルファイルを操作」という記事で、jQuery で試そうとした結果、半日つぶしてしまった。が、一つ賢くなった、と自分を慰めている。 お題は選択されたファイルのファイル名、サイズ、ファイル種別(MIME Type)を表示する JavaScript プログラムである。 <h1>ファイル情報を表示する</h1> <form action="./test.cgi" method="get"> <input type="file" id="myFile" /> <input type="button" id="fileInfo" value="ファイル情報を表示" /> </form> <div id="result"></div> <script> document.getElem