2011/08/07
HTML5で選択画像のサムネイル表示
<input type=file> で選択した画像を送信前にサムネイル表示
したかったで調べてみた。
結論から言うと HTML5 の FileAPI で出来る。
普通に input.value を取ろうとしてもローカルファイル名は
セキュリティの関係で取れないので img.src=input.value
は使えない。
HTML5 はローカルファイルを読みこんで URL として使える
形式にしてくれる。
コードはこれだけ
初期状態。
画像を選択。
サムネイルが表示される。
OKー。
関連記事:
CSS だけでサムネイル表示。



CSS だけでサムネイル表示。
この投稿へのコメント

コメント・フォーム