2010-05-12から1日間の記事一覧

html5 の File API を使って、ローカルのテキストファイルを読み込んでみる

とっても簡単です(Firefox 3.6 で動作を確認)。 html fileのアップロードフォームにonchangeを仕込んでおきます。あとは、読み込んだファイルの内容を表示するtextareaを用意。 <html> <head> <meta charset="utf-8"> </head> <body> <input type="file" onchange="read(this)" /> <hr /> <textarea id="text" cols="80" rows="20" wrap="off"></textarea> </body> </html>…