JavaScript File APIを使ってアップロードフォームに画像プレビューを設置する前回の続き。アップロードフォームで画像を選択すると、横に選択画像を表示するようにした。 成果物：upload.html (画像ファイルの選択でプレビューを表示) メモ ファイル選択ボタン(input type=”file”)のchangeイベントがトリガー ファイルオブジェクトはdocument.getElementById(“image”).files[0]で取得できるが、jQueryなら$(‘#image’).prop(‘files’)[0]と書ける $('#image').change(function() { var file = $(this).prop('files')[0]; var fr = new FileReader(); fr.onload = function() { $('#preview').attr('src', fr.result); // 読み込んだ画像デ
