728x90 반응형 input file2 [Javascript] JavaScript) input type="file" UI 커스텀 및 파일명 출력하는법(Multiple) 1. JSP => input file 선언 및 label로 input file 연동 파일 업로드하기 2. CSS => input file을 깔끔하게 커스텀하기위한 CSS 소스 3.JS window.onload=function(){ target=document.getElementById('file'); target.addEventListener('change',function(){ if(target.value.length){ // 파일 첨부인 상태일경우 파일명 출력 var fileList = ""; for(i = 0; i < target.files.length; i++){ fileList += target.files[i].name + ' '; } target2 = document.getElementById.. 2023. 3. 8. JavaScript) input type="file" UI 커스텀하기 및 파일명 출력하는법 1. JSP => input file 선언 및 label로 input file 연동 파일 업로드하기 2. CSS => input file을 깔끔하게 커스텀하기위한 CSS 소스 3. JS => 파일첨부 즉 change 시 발생하는 함수 window.onload=function(){ target=document.getElementById('file'); // file 아이디 선언 target.addEventListener('change',function(){ // change 함수 if(target.value.length){ // 파일 첨부인 상태일경우 파일명 출력 $('#originName').html(target.files[0].name); }else{ //버튼 클릭후 취소(파일 첨부 없을 경우)할때 파.. 2023. 1. 18. 이전 1 다음 728x90 반응형
