AI가 만든 파일 선택의 accept: 확장자 필터와 업로드 검증은 다릅니다
파일 입력칸에 accept=".png,.jpg"가 있다고 해서 서버가 이미지 파일만 받도록 검증된 것은 아닙니다. accept는 파일 선택을 돕는 힌트이며, 실제 파일 형식과 크기·전송 처리의 검증은 별도로 확인해야 합니다.
1. accept는 선택창 안내입니다
MDN은 accept 속성을 브라우저가 올바른 파일을 고르도록 돕는 힌트로 설명합니다. 많은 환경에서는 사용자가 다른 파일도 선택할 수 있으므로, 선택된 파일이 요구 조건을 충족하는지는 서버 쪽에서 검증해야 합니다.
가령 AI 초안에 <input type="file" accept=".png,.jpg">가 있다면, 먼저 화면의 안내 문구와 실제 허용하려는 형식을 비교하세요. 파일 선택창에서 이미지가 잘 보였다는 결과만으로 파일 내용이나 용량 검사까지 통과한 것으로 기록하지 않습니다.
2. 확장자와 MIME 형식을 구분해 읽으세요
accept에는 점으로 시작하는 확장자, MIME 형식, image/*와 같은 형식 범주를 쓸 수 있고 여러 값은 쉼표로 나눕니다. “사진 한 장만”을 받으려는 화면인지, 여러 이미지를 받으려는 화면인지도 먼저 정해 두세요. 여러 파일 선택은 multiple이라는 별도 속성이 담당합니다.
| 초안에서 본 것 | 검수할 질문 |
|---|---|
| accept=".png,.jpg" | 안내한 파일 형식과 맞는가 |
| accept="image/*" | 범위를 넓게 받으려는 의도인가 |
| multiple | 여러 개 선택이 실제 요구사항인가 |
| 제출 완료 메시지 | 선택만 했는지, 전송·접수도 끝났는지 |
같은 “이미지”라도 운영 목적에 따라 필요한 형식과 용량이 다를 수 있습니다. AI에게 “이미지만 받게 해줘”라고 요청한 뒤 속성 하나를 추가한 결과로 끝내지 말고, 수신부의 조건과 사용자에게 보일 오류 안내까지 요구사항에 넣으세요.
3. 민감하지 않은 작은 샘플로 결과를 비교하세요
검수표는 의도한 파일__ / 선택 가능한 형식__ / 실제 선택 개수__ / 제출 결과__ / 오류 문구__처럼 나누면 됩니다. 허용하는 정상 샘플과 허용하지 않을 테스트 샘플을 구분하고, 실제 개인정보나 비밀 문서 대신 검수용 파일을 사용하세요.
클라이언트 안내, 서버 검증, 저장 결과는 각기 다른 확인 항목입니다. 파일 선택창이 닫혔다는 사실은 업로드 완료가 아니고, 성공 문구가 떴다는 사실만으로 파일의 모든 검증 조건이 충족됐다고 볼 수도 없습니다. 실제 요청과 수신 결과를 담당 구현과 함께 확인해야 합니다.
이 글은 AI 초안 검수의 범위를 정리합니다. 파일 업로드 전체를 안전하게 구현한 코드나 보안 점검 완료를 제공하는 것은 아닙니다. 실제 서비스에서는 적용 환경에 맞는 검증과 저장 정책을 따로 설계하세요.
4. 자주 묻는 질문
accept가 있으면 서버 검증이 필요 없나요?
아닙니다. 선택 안내와 서버 쪽 검증은 별도입니다.
accept에 값을 여러 개 쓰면 여러 파일을 고르나요?
형식 목록과 파일 개수는 다릅니다. 여러 파일 선택은 multiple을 별도로 확인하세요.
파일을 선택했는데 업로드 완료인가요?
선택과 제출·접수·저장은 다른 단계입니다. 실제 전송 결과를 확인하세요.
공식 문서 확인일 2026년 10월 19일. 출처: MDN: input type=file, accept와 multiple.
대표 썸네일은 AI로 제작한 주제 개념 이미지이며, 본문 점검 도표와 기록표는 직접 구성했습니다.
댓글
댓글 쓰기