modal 페이지에서 사진업로드하고 수정을 하고 싶은데요.(사진있음)

이렇게 생긴 form 이 있습니다.

그중에 저 사진 및 내용 업로드 버튼을 누르면

이렇게 modal 이 뜹니다.

사진을 선택하면 위에 미리보기가 나오구요.

(나중에는 이부분을 사진 에디터로 바꾸고 싶은데.. 그 부분은 업로드까지 구현하고 해결해도 될것같아서 일단 그냥 사진 업로드로..)

여기서 사진을 올리고 내용을 입력한다음에 저장하기를 누르면

바로 데이터베이스에 저장되지 않고 모달이 닫히면서

아까 있던 form 에 아래쪽에 (빨간네모친부분) 사진 미리보기와 내용 text 가 들어가게 하고 싶습니다.

그런데 어떤 키워드로 찾아야 하는지 html, javascript 의 어떤 게 들어가야 하는지 아무것도 감이 안오네요.

도움좀 부탁드립니다!

모달페이지에 있는 사진 업로드 부분 코드는 아래와 같습니다.

var loadFile = function(event) {

var output = document.getElementById('output');

output.src = URL.createObjectURL(event.target.files[0]);

};

</script>

</div>