1120 spring

<script type="text/javascript">
	$(function(){
	   //이미지 미리보기 시작 //////////////////////
	   $("#uploadFile").on("change",fileSelected);
	   
	   //e : onchange 이벤트 객체
	   function fileSelected(e){
	      let files = e.target.files;
	      //이미지 오브젝트 배열
	      let fileArr = Array.prototype.slice.call(files);
	      
	      //fileArr : 파일들 -> f : 파일
	      fileArr.forEach(function(f){
	         if(!f.type.match("image.*")){
	            alert("이미지 확장자만 가능합니다.");
	            return;
	         }
	         
	         let reader = new FileReader();
	         //e : 리더가 이미지 읽을 때 이벤트
	         reader.onload = function(e){
	            $("#atchFileId").attr("src",e.target.result);
	         }
	         reader.readAsDataURL(f);
	      });
	   }
	   //이미지 미리보기 끝 //////////////////////
	});
</script>

<form name="frm"
	action="/instrs/createPost?${_csrf.parameterName}=${_csrf.token}"
	method="post" enctype="multipart/form-data">

<sec:csrfInput />
</form>