iframe 로드 시 상위 jsp에 function연결하기

hanahana·2023년 11월 7일
1

iframe 사용시
ajax로 파일 전송하기 및
iframe이 로드되는 상위 jsp의 function 사용하도록 하기

iframe영역

function fileSelected() {
    // 파일이 선택되면 이 곳에서 처리 로직을 추가
	 var fileInput = document.getElementById("addImg");
	var selectedFile = fileInput.files[0];
	
	var formData = new FormData();
	formData.append("file", selectedFile); //파일 담기
	
	var xhr = new XMLHttpRequest();
	xhr.open("POST", 'ajx주소', true);
	xhr.onload = function() {
	    if (xhr.status == 200) {
	        var data = JSON.parse(xhr.responseText);
	        var imgName = data;
	        var iframe = window.frameElement;
          
          //jsp영역으로 함수 호출
	        window.parent.addImgTag(imgtag,iframe);

	        	        
	    } else {
	        alert('오류가 발생하였습니다. 관리자에게 문의해주세요.');
	    }
	};	
		xhr.send(formData ); //파일전송
	
}

iframe을 불러오는 jsp영역

fuction addImgTag(obj, value){ 
  //코드 입력
 }
profile
hello world

4개의 댓글

comment-user-thumbnail
2023년 11월 10일

안녕하세요 하나님! 글 잘 보고 갑니다 :)
혹시 변수를 선언하실 때 let, const 대신 var를 사용하신 이유가 있으실까요? (호환때문이라던가..?)

1개의 답글