jqueryを使って `<input type="file">` に入れられた画像データをリアルタイムでサンプル表示する - Qiitaformの処理の課題はよくもらうんだけど、いつもどうだったか忘れてしまう。 担当しているサイトがjqueryを使っているので、画像をfileで取り込んでサンプル表示するメモしておく。 InternetExplorer 9 以前では、対応していません。 Safari 5 以前では、対応していません。 対応表はこちらMDN ウェブドキュメント //fileを変更したら $('#image').on('change', function() { //fileの値は空ではなくなるはず if ($('#image').val() !== '') { //propを使って、file[0]にアクセスする var image_ = $('#image').prop('files')[0]; //添付されたのが本当に画像かどうか、ファイル名と、ファイルタイプを正規表現で検証する if (!/\.(jpg|j
