728x90 반응형 JS7 [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] 파일 첨부시 해당파일 새창에서 여는 방법 1. JSP 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').htm.. 2023. 2. 13. Javascript) 시간입력(HH:MM) 시 자동으로 콜론(:) 넣는법 및 문자 작성방지 1. JSP 2. JS function inputTimeColon(time) { // 먼저 기존에 들어가 있을 수 있는 콜론(:)기호를 제거한다. var replaceTime = time.value.replace(/\:/g, ""); var hours = replaceTime.substring(0, 2); // 2400->24 var minute = replaceTime.substring(2, 4); 2400->00 //isFinite()를 통해 숫자외 다른 문자가 들어갔는지 체크(문자열이 들어가면 false 값 출력) if(isFinite(hours + minute) == false) { alert("문자는 입력하실 수 없습니다."); time.value = "09:00"; // 문자입력시 자동으로 0.. 2023. 1. 17. [JSP,JS] 테이블 클릭시 테이블 데이터값 가져오는법 1. JSP 진행 단계 요청번호 업무 유형 제목 요청자 처리자 업무 대기 22-0705 IT 재택근무 PC 요청 조회 김김김(123) 홍길동(운영팀) 업무 진행 93-0125 IT 재택근무 PC 요청 조회 최최최() 황씨() 제목 업무 유형 요청자 처리자 진행단계 2. JS $('#checkList tbody').on('click', 'tr', function () { var str = "" var tdArr = []; // 배열 선언 // 현재 클릭된 Row() var tr = $(this); var td = tr.children(); // tr.text()는 클릭된 Row 즉 tr에 있는 모든 값을 가져온다. // 반복문을 이용해서 배열에 값을 담아 사용할 수 도 있다. td.each(function.. 2022. 6. 9. 이전 1 2 다음 728x90 반응형
