파일 업로드 필드
문서, 이미지, 파일을 안심하고 수집하세요. 이력서부터 사진까지 드래그 앤 드롭 방식으로 간편하게 업로드할 수 있으며, 파일 형식 제한, 크기 제한, 즉시 미리보기 기능까지 갖춘 파일 업로드 기능을 통해 최신 사용자 경험과 철저한 유효성 검사를 제공하여 안전하게 파일을 수집할 수 있습니다.
스마트 유효성 검사 기능을 갖춘 전문가용 파일 모음
완벽하게 :
모든 사용 사례에 적합한 강력한 기능
📤 여러 파일 업로드
단일 파일 또는 여러 파일:
사용자가 파일을 하나만 업로드하도록 허용하거나 여러 파일을 업로드할 수 있도록 설정할 수 있습니다. 사용자는 여러 파일을 한 번에 선택하거나 하나씩 추가할 수 있습니다.
- 스마트 파일 관리:
- 파일을 점진적으로 추가합니다.
- 제출하기 전에 개별 파일을 삭제하세요.
- 선택한 모든 파일의 이름과 크기를 확인하세요.
- 업로드 횟수를 명확하게 표시합니다.
최소/최대 파일 크기 제어:
여러 파일 업로드를 활성화한 경우 최소 및 최대 파일 개수를 설정하세요. 최소 2개 파일 요구, 최대 10개 파일 제한 또는 필요에 맞는 범위로 설정할 수 있습니다.
예 :
- 이력서 제출: 파일 1개만 제출 가능
- 사진 갤러리: 최소 3장, 최대 10장
- 문서 패키지: 최소 2개, 최대 5개 파일
- 포트폴리오: 최소 1개, 최대 20개 파일
🎯 파일 형식 제한
7가지 사전 구성된 카테고리:
이미지 – jpg, png, gif 및 모든 이미지 형식
사진, 로고, 스크린샷 및 시각 콘텐츠에 적합합니다.
서류 – pdf, doc, docx, txt, odt
이력서, 보고서, 계약서 및 텍스트 문서에 적합합니다.
스프레드 시트 – xls, xlsx, csv, ods
데이터 파일, 예산, 보고서 및 계산에 사용합니다.
프리젠 테이션 – ppt, pptx, odp
슬라이드 자료, 사업 계획 발표 자료, 시각 자료 보고서.
아카이브 – zip, rar, 7z, tar, gz
압축 파일, 파일 패키지 및 백업.
오디오 - mp3, wav 및 모든 오디오 형식
음악 파일, 음성 녹음, 음성 클립.
Video - mp4, mov 및 모든 비디오 형식
동영상 파일, 녹음 파일 및 멀티미디어 콘텐츠.
믹스 앤 매치:
다양한 파일 형식을 허용하려면 여러 범주를 선택하세요. 사진과 PDF 파일을 모두 허용하려면 '이미지 + 문서'를 선택하세요.
📝 사용자 지정 파일 확장자
정확한 파일 형식을 지정하십시오:
7가지 범주 외에도 허용할 특정 파일 확장자를 정의하세요. 사용자 지정 확장자는 쉼표로 구분하여 입력하십시오.
예 :
- `.jpg, .png, .pdf` - 사진 및 PDF 파일만 해당
- `.docx, .pdf, .txt` - 특정 문서 형식
- `.ai, .psd, .sketch` - 디자인 파일
- `.dwg, .dxf` – CAD 파일
- `.sql, .db` - 데이터베이스 파일
완벽한 제어:
파일 형식을 더욱 정확하게 제어하려면 카테고리 체크박스와 사용자 지정 확장자를 결합하세요. 이미지 카테고리에 `.svg` 확장자를 추가하여 완벽한 이미지 지원 기능을 제공합니다.
🖼️ 파일 미리보기
파일 시각적 피드백:
이미지 파일의 경우 썸네일 이미지를, 다른 파일 유형의 경우 파일 아이콘을 표시하려면 "파일 미리보기 표시"를 활성화하세요. 사용자는 제출하기 전에 선택한 항목을 정확하게 확인할 수 있습니다.
미리보기 기능:
- 사진의 이미지 썸네일
- 문서 파일 형식 아이콘
- 파일 이름과 크기 표시
- 각 파일에 대한 제거 버튼
시각적 업로드 확인
더 나은 사용자 경험:
미리보기 기능을 통해 파일 선택이 성공적으로 완료되었는지 확인할 수 있으며, 오류를 줄이고 올바른 파일이 첨부되었는지 확신할 수 있습니다.
🎨 사용자 지정 버튼 텍스트
업로드 환경 개인 설정:
업로드 버튼의 텍스트를 "파일 선택"에서 양식의 맥락에 맞는 다른 텍스트로 변경하세요.
예 :
- “이력서 업로드”
- "사진 선택"
- "문서 첨부"
- "파일 추가"
- 파일 찾아보기
- "이미지 선택"
문맥적 언어:
버튼 텍스트를 사용자가 업로드하는 콘텐츠와 일치시켜 안내를 명확하게 하고 사용자 경험을 개선하세요.
🔐 내장 보안 기능
자동 파일 유효성 검사:
업로드된 모든 파일은 처리 전에 유형과 크기를 검증합니다. 악성 파일은 자동으로 거부됩니다.
보안 계층:
- 파일 형식 유효성 검사(확장자 및 MIME 유형)
- 파일 크기 제한 적용됨
- 서버 측 재검증
- 워드프레스 보안 표준
- 정제된 파일 이름
안전한 파일 처리:
파일은 적절한 권한 및 보안 조치가 적용된 WordPress 업로드 디렉터리에 안전하게 저장됩니다.
🔀 조건 논리
동적 업로드 필드:
폼의 다른 값에 따라 파일 업로드 필드를 표시하거나 숨깁니다. 사용자의 선택과 관련이 있을 때만 업로드 옵션을 표시합니다.
고급 논리 규칙:
- AND 논리 – 모든 조건이 충족되어야 합니다
- OR 논리 – 어떤 조건이든 해당 동작을 트리거할 수 있습니다.
- 8가지 연산자 - 같음, 같지 않음, 보다 큼, 보다 작음, 포함, 비어 있음 등
🎯 향상된 사용자 경험
내장된 스마트 기능:
- 선택된 파일 목록 선택한 모든 파일의 이름과 크기를 확인하세요.
- 개별 파일 삭제 제출하기 전에 파일을 삭제하세요.
- 업로드 진행 상황 - 업로드 중 시각적 피드백 제공 (자동 업로드 기능 포함)
- 오류 메시지 지우기 - 구체적인 유효성 검사 오류 및 해결 방법
- 파일 개수 표시 선택된 파일 수를 표시합니다.
- 필수 검증 파일 업로드를 필수 항목으로 지정
- 도움말 텍스트 지원 파일 요구 사항에 대한 설명을 추가하세요.
- 사용자 지정 CSS 클래스 - 사용자 지정 스타일 적용
- 접근성 지원 키보드 탐색 및 화면 낭독기와 호환 가능
- 모바일 최적화 모바일 기기의 기본 파일 선택 기능
📏 파일 크기 제한
업로드 크기 제어:
파일당 최대 크기를 메가바이트(MB) 단위로 설정하세요. 파일 크기가 너무 커서 제출 속도가 느려지거나 서버 용량 제한을 초과하는 것을 방지합니다.
유연한 한도:
- 파일 크기가 작습니다: 문서의 경우 1~2MB
- 표준: 일반 업로드의 경우 5MB
- 이미지: 사진 1장당 10MB
- 대용량 파일: 동영상 또는 압축 파일의 경우 50MB 이상
파일별 유효성 검사:
파일 크기 제한은 각 개별 파일에 적용되며, 전체 업로드 크기에는 적용되지 않습니다. 5MB로 제한을 설정한 경우 사용자는 각각 5MB 크기의 파일을 최대 5개까지 업로드할 수 있습니다.
명확한 피드백:
사용자는 제출 직전에 "파일이 5MB 제한을 초과했습니다."와 같은 구체적인 메시지와 함께 파일 크기 오류를 보게 됩니다.
⚡ 선택 시 자동 업로드
즉시 업로드 옵션:
"선택 시 자동 업로드"를 활성화하면 양식 제출을 기다리지 않고 파일을 선택하는 즉시 업로드가 시작됩니다.
이점:
- 더 빠른 체감 성능
- 사용자가 다른 필드를 입력하는 동안 대용량 파일을 업로드하세요.
- 즉시 업로드 확인
- 업로드 중 진행 상황 피드백
사용 사례:
- 대용량 파일 제출(동영상, 압축 파일)
- 파일을 미리 업로드하는 다단계 양식
- 작성해야 할 항목이 많은 양식
- 느린 인터넷 연결에서도 더 나은 사용자 경험을 제공합니다.
🎨 드래그 앤 드롭 업로드
최신 파일 선택:
드래그 앤 드롭 기능을 활성화하면 사용자가 바탕 화면이나 파일 탐색기에서 파일을 업로드 영역으로 직접 드래그할 수 있습니다. 파일을 찾아볼 필요가 없습니다.
두 가지 업로드 방식:
- 기존의 "파일 선택" 버튼
- 파일을 업로드 영역으로 직접 드래그하세요.
- 두 가지 방법이 동시에 작동합니다.
시각적 피드백:
파일을 드래그하면 업로드 영역이 강조 표시되어 드롭 영역을 시각적으로 명확하게 보여줍니다.
모바일 호환:
데스크톱 환경에서는 드래그 앤 드롭 기능을 완벽하게 지원합니다. 모바일 기기에서는 표준 파일 선택기가 사용됩니다.
간단한 3단계 설정
몇 분 만에 파일 업로드 필드를 준비하세요
파일 업로드 필드 추가
기본 필드 섹션에서 파일 업로드 필드를 드래그하여 양식에 놓으세요.
파일 제한 설정
허용되는 파일 형식(이미지, 문서 등)을 선택하고, 최대 파일 크기(예: 5MB)를 설정하고, 필요한 경우 최소/최대 파일 개수를 지정하여 여러 파일을 허용할 수 있습니다.
최신 기능을 활성화하세요
드래그 앤 드롭 기능을 활성화하여 파일 업로드를 간편하게 하고, 파일 미리보기를 통해 시각적 피드백을 제공하며, 버튼 텍스트를 양식의 맥락에 맞게 사용자 지정하세요.
🎉 이제 끝입니다! 스마트 유효성 검사와 최신 사용자 경험을 갖춘 파일 업로드 필드가 준비되었습니다.
실제 애플리케이션
작업 응용 프로그램
* 이력서/자기소개서 업로드 (PDF, DOCX)
* 커버레터 첨부파일
* 포트폴리오 파일 제출
* 참고 문서 업로드
사진 제출
* 공모전 출품작 (여러 장의 이미지)
* 부동산 매물 사진
* 제품 사진 촬영
* 이벤트 사진 업로드
비즈니스 문서
* 견적 요청 파일
* 계약서 제출
* 송장 업로드
* 제안서류
교육
* 과제 제출
* 성적증명서 업로드
* 증명서류
* 프로젝트 파일 제출
티켓 지원
* 스크린샷 첨부
* 오류 로그 파일
* 구성 파일
* 진단 문서
크리에이티브 포트폴리오
* 디자인 파일 제출
* 비디오 포트폴리오 업로드
* 오디오 샘플
* 창작물 예시
필드 옵션 완료
기본 구성
- 필드 레이블 – 파일 업로드 필드 위에 표시되는 제목
- 설명/도움말 텍스트 – 파일 요구 사항에 대한 추가 안내
- 필수 입력 항목 – 파일 업로드를 필수로 설정
- 자리 표시자 – 파일 업로드에는 적용되지 않음
여러 파일
여러 파일 업로드 허용 – 사용자가 한 번에 여러 파일을 업로드할 수 있도록 합니다.
- 여러 파일 사용이 활성화된 경우:
- 최소 파일 수 – 필요한 최소 파일 개수 (예: 1)
- 최대 파일 수 – 사용자가 업로드할 수 있는 최대 파일 수(예: 10개)
허용되는 파일 형식
사전 구성된 카테고리(원하는 조합을 선택하세요):
- 이미지 (jpg, png, gif)
- 문서(pdf, doc, txt)
- 스프레드시트(xls, csv)
- 프레젠테이션(ppt, pptx)
- 압축 파일(zip, rar)
- 오디오(mp3, wav)
- 동영상 (mp4, mov)
특정 파일 확장자
쉼표로 구분하여 사용자 지정 파일 형식을 입력하세요(예: `.jpg, .png, .pdf, .docx`).
파일 크기 제어
- 최대 파일 크기 – 업로드할 각 파일의 최대 크기(메가바이트(MB))
- 5MB 용량 제한을 원하시면 5와 같은 숫자를 입력하세요.
- 제한을 두지 않으려면 비워 두십시오(서버 기본값 사용).
- 파일별로 적용되며, 전체 업로드 크기에는 적용되지 않습니다.
사용자 경험
- 파일 미리보기 표시 – 이미지 파일의 썸네일과 다른 파일의 아이콘을 표시합니다.
- 드래그 앤 드롭 활성화 - 사용자가 파일을 양식에 직접 드래그할 수 있도록 합니다.
- 파일 업로드 버튼 텍스트 – 버튼 텍스트를 사용자 지정하세요(기본값: "파일 선택").
- 선택 시 자동 업로드 – 선택 즉시 파일 업로드를 시작합니다(양식 제출을 기다리지 않음).
조건부 논리
- 조건부 로직 활성화 - 조건에 따라 표시/숨기기
- 논리 유형
- 모든 조건이 충족되어야 합니다(AND)
- 어떤 조건이든 충족될 수 있습니다(또는)
- 조건 규칙
- 표시/숨기기 – 취할 조치
- 필드 – 어떤 필드를 선택할지
- 연산자 – 같음, 같지 않음, 포함, 보다 큼, 보다 작음, 비어 있음, 비어 있지 않음
- 가치 – 비교 가치
- 다중 조건 – 규칙을 무제한으로 추가 가능
고급 옵션
- 숨겨진 필드 – 필드를 숨깁니다(파일 업로드에는 권장하지 않음).
- 사용자 지정 CSS 클래스 – 사용자 지정 스타일 적용
- 접근성 속성 – 화면 판독기를 위한 ARIA 레이블
저희 파일 업로드 필드를 선택해야 하는 이유는 무엇일까요?
✅ 여러 파일 – 최소/최대 파일 크기 조절을 통해 단일 또는 여러 파일 업로드 가능
✅ 스마트 제한 기능 – 7가지 파일 카테고리 및 사용자 지정 확장자 지원
✅ 크기 제한 – 파일당 최대 크기를 MB 단위로 설정하세요
✅ 드래그 앤 드롭 – 최신 파일 선택 환경
✅ 파일 미리보기 – 썸네일을 통한 시각적 확인
✅ 안전함 – 내장된 유효성 검사 및 WordPress 보안 기능
✅ 자동 업로드 – 선택 시 즉시 업로드 기능 (선택 사항)
✅ 사용자 친화적 – 명확한 피드백 및 오류 메시지
✅ 완벽한 통합 – 모든 폼 기능과 원활하게 연동됩니다
자주 묻는 질문
질문: 사용자는 파일을 몇 개까지 업로드할 수 있나요?
기본적으로 단일 파일 업로드만 가능합니다. "여러 파일 허용"을 활성화하면 사용자가 여러 파일을 업로드할 수 있습니다. 최소/최대 파일 수를 설정하여(예: 최소 1개, 최대 10개) 여러 파일을 동시에 업로드하는 것을 제어할 수 있습니다.
질문: 어떤 파일 형식이 지원되나요?
기본적으로 모든 파일 형식이 지원됩니다. 필요에 따라 특정 파일 형식만 지원하도록 제한하려면 범주 선택 상자(이미지, 문서 등) 또는 사용자 지정 확장자를 사용하십시오.
질문: 파일 크기를 제한하려면 어떻게 해야 하나요?
"최대 파일 크기" 필드에 숫자를 입력하세요(예: 5MB의 경우 5). 이 제한은 파일당 적용되며, 전체 업로드 크기에는 적용되지 않습니다. 서버 기본값을 사용하려면 비워 두세요.
Q: 카테고리와 사용자 지정 확장 기능의 차이점은 무엇인가요?
카테고리는 미리 설정된 그룹입니다(이미지 = 모든 이미지 유형, 문서 = pdf/doc/txt). 사용자 지정 확장자를 사용하면 .svg, .ai, .psd와 같은 정확한 형식을 지정할 수 있습니다.
질문: 드래그 앤 드롭은 어떻게 작동하나요?
"드래그 앤 드롭 사용"을 활성화하면 사용자가 바탕 화면에서 파일을 업로드 영역으로 직접 드래그할 수 있습니다. 기존의 "파일 선택" 버튼도 계속 사용할 수 있습니다.
질문: 파일 미리보기란 무엇인가요?
"파일 미리보기 표시"를 활성화하면 사용자는 제출하기 전에 선택한 모든 파일의 이미지 썸네일과 파일 아이콘, 파일 이름/크기를 볼 수 있습니다.
질문: 자동 업로드는 어떤 기능을 하나요?
"선택 시 자동 업로드" 기능을 활성화하면 파일을 선택하는 즉시 업로드가 시작되며, 양식 제출을 기다릴 필요가 없습니다. 대용량 파일에 특히 유용합니다.
질문: 특정 파일 형식을 요구할 수 있나요?
예. 파일 형식 범주를 확인하거나 사용자 지정 확장자를 입력한 다음 "필수 입력 항목"을 활성화하여 해당 제한 사항을 적용한 파일 업로드를 강제할 수 있습니다.
질문: PDF 파일만 수락하려면 어떻게 해야 하나요?
PDF를 포함한 모든 문서 유형을 보려면 "문서" 범주를 선택하고, PDF 파일만 업로드하려면 "특정 파일 확장자"에 .pdf를 입력하세요.
질문: 파일 크기가 너무 크면 어떻게 되나요?
사용자는 "파일 크기가 5MB를 초과했습니다"와 같은 오류 메시지를 즉시 보게 됩니다. 양식을 제출하기 전에 더 작은 파일을 선택해야 합니다.
업로드된 파일은 안전한가요?
네. 파일은 형식과 크기에 대한 유효성 검사를 거치고, 적절한 권한으로 WordPress 업로드 디렉토리에 저장되며, WordPress 보안 표준을 준수합니다.
질문: 이미지와 문서를 함께 제출할 수 있나요?
네. "이미지"와 "문서" 카테고리를 모두 선택하세요. 사용자는 이미지와 문서 파일을 원하는 대로 조합하여 업로드할 수 있습니다.
