【haml】画像プレビュー 方法(コピペOK) - Qiita

画像のプレビュー javascriptを使用して、ページを遷移すること無く、画像のプレビューをする ※ファイル選択を出来る状態にする必要がある 見 本 実際のコード %img{id:"image-file"} :javascript document.addEventListener('change', function(e){ var file = e.target.files[0]; var fileReader = new FileReader(); fileReader.onload = function() { var dataUri = this.result; var img = document.getElementById('image-file'); img.src = dataUri; } fileReader.readAsDataURL(file); }); 各コー