[Javascript] 파일 첨부시 해당파일 새창에서 여는 방법

1. JSP

 

<input type="file" name="fileName" id="fileName">

 

 

 

 

 

 

 

 

 

2. JS

 

window.onload=function(){
	target=document.getElementById('fileName');
	target.addEventListener('change',function(){
	
		if(target.value.length != 0){
        	// js에서는 파일 경로가 fakePath로 뜨기때문에 URL.create를 사용한다
			var path = URL.createObjectURL(target.files[0]); 
			window.open(path); // window.open으로 해당 파일을 새창으로 연다
			//location.href();
			$('#originName').html(target.files[0].name);
			
			
		}else{
			$('#originName').html("");
			
		}
		
	});
}

 

 

 

해당 소스를 복사붙이기 하면 완벽하게 끝난다