JSP
-
[js] 자바스크립트 파일 업로드 확장자 제한 2가지 방법 (feat, 파일다운방법)WEB/FRONT 2021. 11. 4. 18:08
안녕하세요 오늘은 자바스크립트에서 파일을 업로드할때 확장자를 제한하는 방법에 대하여 포스팅합니다. 두가지 모두 사용하는게 좋을듯 합니다. 1. 태그에 accept 사용하기 일차원적으로 input태그에 accept을 사용하면 ^이렇게 형식이 Microsoft Excel Worksheet로 제한됩니다. 그런데 여기서 누군가가 하필이면 모든 파일을 선택하고 파일을 업로드할 가능성이 있기때문에 두번째 작업도 해줍니다. 2. 자바스크립트 사용하기 순서 : 파일 업로드를 클릭 > 업로드한 파일 확장자 검사 > 디비에 업로드 // 파일 업로드시 업로드된 파일들 정보 가져옴 //document.excelForm으로 되어있는데 여기서 excelForm은 태그의 name 값입니다. var fm = document.exce..
-
[Spring]3/3 게시판 - 목록 보여주기 (selectList)WEB/BACK 2021. 10. 4. 15:32
저번 포스팅에서 간단하게 디비 연동확인을 위해 사용자 총 수 를 가져왔따면 이번에는 사용자 목록을 가져와보겠습니다. 좀 더 깔끔한 경로를 위해 user package 생성을 하였습니다. 결과 미리보기 (참고)경로 변경됨- 변경필요한 부분들.. 1. UserDAO 에 return SqlSession.selectOne("com.world.therapy.user.userCount"); 로 변경 2.mybatis-config.xml 에 type="com.world.therapy.user.UserVO" 로 변경 폴더 구조 흘러가는 순서 1. 쿼리 2. dao 3. service 4. controller 5. jsp 1. 목록 쿼리작성 사용자목록 = userList추가 해줍니다. resultType은 Map입니다...
-
[JSTL] JSTL 셋팅하는법 (pom.xml, spring, eclipse, maven)WEB/FRONT 2021. 10. 4. 13:27
웹개발을 하면서 jsp를 사용한다면 쓰게되는 jstl! 간단히 셋팅하는 방법을 포스팅하겠습니다! 1. pom.xml 에 라이브러리 추가 javax.servlet jstl 1.2 taglibs standard 1.1.2 2. jsp 상단에 하단 내용 추가 3. 예시 사용자 목록 총 사용자 : ${userCount } 명 감사합니다. 도움이 되었길 바라며 이만... 관련 포스팅 2021.05.10 - [WEB/FRONT] - [JSTL] select 태그 반복문, option selected 주기, if, forEach, radio 태그에서 checked하기
-
[java] ajax이용해서 파일 업로드/다운로드, file upload카테고리 없음 2021. 5. 13. 19:00
파일업로드/다운로드를 구현하는 다양한 방법이 있습니다. 그중에 ajax를 이용한 방법을 소개하도록 하겠습니다. 1. jsp에서 태그의 type="file", name="file_test" 로 지정한다. 파일 업로드: enctype: 'multipart/form-data'로 지정 var formData = new FormData(document.getElementById('myForm')); $.ajax({ type:"POST", enctype: 'multipart/form-data', processData:false, contentType:false, url:"/test", data:formData, success:function(data){ console.log("success") } }); 2. 여기..
-
[js] input 값 enter로 넘기기, 엔터WEB/FRONT 2021. 5. 13. 10:37
클릭이 아니라 enter키를 활용하여 submit하는 방법에 대해 알아보겠습니다. $(document).off("keypress"); $(document).on("keypress",function (event) { if(event.keyCode === 13 ) { $("#Btn").click(); } }); 엔터키의 코드는 13이라서 13을 press했을시 원하는 버튼 ( 여기서는 아이디가 Btn인것)을 click() 효과 넣어주게되면 동일한 이벤트가 발생하게됩니다.
-
[JSTL] select 태그 반복문, option selected 주기, if, forEach, radio 태그에서 checked하기WEB/FRONT 2021. 5. 10. 17:33
이번 포스팅은 jsp에서 jstl을 활용해서 select박스에 특정 option 값에 서버에서 넘어온 값으로 selected해주는 방법을 알아보겠습니다. 상세페이지에서 자주 쓰이는 기법입니다. 예) 사용자가 선택지에서 선택한 값을 보여주기 및 수정 가능한 형태 등. 관련 포스팅 2021.10.04 - [WEB/FRONT] - [JSTL] JSTL 셋팅하는법 (pom.xml, spring, eclipse, maven) 기본 select 문 음료 밀크티 라떼 아아 결과 : 맨 위에 써있는 밀크티가 선택되어져 보입니다. select 문에서 특정 option 선택하기 음료 밀크티 라떼 아아 결과 : selected 를 사용한 태그가 선택되어져 있는걸 볼 수 있습니다. select 문에서 사용하여 서버에서 값 불..