게시판 즐겨찾기
편집
드래그 앤 드롭으로
즐겨찾기 아이콘 위치 수정이 가능합니다.
modal 페이지에서 사진업로드하고 수정을 하고 싶은데요.(사진있음)
게시물ID : programmer_9797짧은주소 복사하기
작성자 : bluebanana
추천 : 0
조회수 : 1444회
댓글수 : 4개
등록시간 : 2015/05/08 13:45:56
222.png


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

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



111.png

이렇게 modal 이 뜹니다.

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

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


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

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


333.png

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



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

도움좀 부탁드립니다!



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

<div class="photoBox">
<img id="output" style="max-width:100%; max-height:348px;" src="{{ url_for('static', filename='img/cameraicon.png') }}" />
<script>
var loadFile = function(event) {
var output = document.getElementById('output');
output.src = URL.createObjectURL(event.target.files[0]);
};
</script>
</div>


전체 추천리스트 보기
새로운 댓글이 없습니다.
새로운 댓글 확인하기
글쓰기
◀뒤로가기
PC버전
맨위로▲
공지 운영 자료창고 청소년보호