Jsp 이미지 파일 선택 시 선택한 파일이 우측에 나오도록 설정

백준호·2022년 11월 2일
0
post-thumbnail
<style type="text/css">
#myimg{
	position:absolute;
	left: 600px;
	top: 100px;
	max-width: 200px;
}
</style>

<script type="text/javascript">
$(function(){
		
		$("#upload").change(function(){
		
			var reader = new FileReader();
	        reader.onload = function (e) {
	        $('#myimg').attr('src', e.target.result);
	        }
	        reader.readAsDataURL($(this)[0].files[0]); //현재 선택한 팡리
		});
	});
</script>

.
.
.

<input type="file" name="upload"  class="form-control" style="width: 350px;" id="upload" value="${dto.photo }" > <!-- 일부러 photo (db와 같게) 안함. 중간과정에서 무엇이 잘못됐는지 확인하기 위해 -->


.
.
.

<img alt="" src="../save/${dto.photo }" style="max-width: 315px;" id="myimg">
profile
남들이 다 아는 걸 모를 수는 없지!

0개의 댓글