반응형
여승철
INTP 개발자
여승철
  • 분류 전체보기 (376)
    • CS (16)
      • 면접 준비 (7)
      • 운영체제 (0)
      • 네트워크 (2)
      • HTTP (6)
      • 스프링(Spring) IoC 컨테이너 (0)
      • 알고리즘 (1)
    • Web (13)
    • AWS (6)
    • Java (43)
    • JSP & Servlet (65)
      • 개념 (42)
      • 실습 (23)
    • Spring Framework (33)
    • Spring Boot (10)
    • Spring Data (22)
      • JPA (14)
      • Query DSL (7)
      • Redis (1)
    • Spring Security (9)
    • Spring Batch (4)
    • MyBatis (10)
    • Front-End (51)
      • JS (27)
      • Vue.js (17)
      • React (5)
      • JQuery (0)
      • d3.js (2)
    • DBMS (24)
      • SQL, RDBMS (16)
      • MongoDB (5)
      • Redis (3)
    • Kafka (3)
    • 리눅스 (Linux) (4)
    • 디자인 패턴 (3)
    • VCS (8)
    • API (0)
    • TOOL (3)
    • Reading Book (28)
      • 이펙티브 자바 (11)
      • Clean Code (10)
      • 1분 설명력 (4)
      • HOW TO 맥킨지 문제해결의 기술 (3)
    • C# (4)
    • NSIS (6)
    • ETC (11)

블로그 메뉴

  • 홈
  • 태그

인기 글

태그

  • HTTP
  • servlet
  • 스트림
  • 맥킨지
  • querydsl
  • 게시판
  • Spring Batch
  • ubuntu
  • EC2
  • 이펙티브 자바
  • 환경 세팅
  • JDBC
  • Dao
  • jsp
  • 로그인
  • controller
  • mybatis
  • 디자인 패턴
  • 회원 관리
  • JSTL

최근 댓글

최근 글

hELLO· Designed By 정상우.
여승철

INTP 개발자

ETC

Spring + Ajax 파일 확장자, 크기 제한 (Ajax)

2022. 9. 25. 20:41
반응형
		var regex = new RegExp("(.*?)\.(exe|sh|zip)$");
		var maxSize 10485760; // 10MB

		function checkExtension(fileName, fileSize) {

			if (fileSize > maxSize) {
				alert("파일 사이즈는 10MB 미만이어야합니다.");
				return false;
			}

			if (regex.test(fileName)) {
				alert("해당 파일의 종류로는 업로드 안됩니다.");
				return false;
			}
			return true;
		}

		$("#uploadBtn").on("click", function(e) {

			var formData = new FormData();
			var inputFile = $("input[name='uploadFile']");
			var files = inputFile[0].files;

			for (var i = 0; i < files.length; i++) {
				if (!checkExtension(files[i].name, files[i].size)) {
					return false;
				}
				formData.append("uploadFile", files[i]);
			}

			$.ajax({
				 url: '/uploadAjaxAction',
				 processData: false, 
				 contentType: false,
				 data: formData,
				 type: 'POST',
				 success: function(result){
				 	alert("Uploaded");
				 }
			}); //$.ajax */
        });
반응형

'ETC' 카테고리의 다른 글

Spring + Ajax 섬네일 파일 생성, 이미지 파일인지 구분, 이미지 클릭 시 원본 이미지 출력  (0) 2022.09.25
Spring + Ajax 중복된 파일 이름 해결  (0) 2022.09.25
Spring + Ajax 파일 업로드  (0) 2022.09.25
[SpringMVC + MyBatis + MySql] 게시판 댓글 수 게시판 List에 출력  (0) 2022.09.25
[SpringMVC + MyBatis + Ajax] 게시판 댓글 추가/삭제/List (Ajax 이용)  (0) 2022.09.24
    여승철
    여승철

    티스토리툴바