HTML에서 서버가 업로드를 허용할 파일 유형을 지정하려면 accept 속성을 사용합니다. 이 속성은 파일 선택 대화상자에서 특정 형식의 파일만 표시되도록 필터링해 주며, <input type="file"> 요소에만 사용할 수 있습니다.
accept 속성이란?
accept 속성은 사용자가 파일을 업로드할 때 선택할 수 있는 파일 형식을 제한하는 역할을 합니다. MIME 타입(예: image/*, video/*) 또는 파일 확장자(예: .pdf, .docx)를 값으로 지정할 수 있으며, 여러 값을 쉼표로 구분하여 나열할 수도 있습니다.
예제
다음 코드를 실행하여 accept 속성의 동작을 직접 확인해 보세요. 아래 예제에서는 이미지 파일만 업로드할 수 있도록 설정했습니다.
<!DOCTYPE html>
<html>
<head>
<title>파일 업로드 박스</title>
</head>
<body>
<form>
<input type = "file" name = "fileupload" accept = "image/*" />
</form>
</body>
</html>주요 활용 예시
- 이미지 파일만 허용:
accept="image/*" - 특정 확장자만 허용:
accept=".pdf, .docx" - 동영상 파일만 허용:
accept="video/*" - 오디오 파일만 허용:
accept="audio/*"
참고 사항
accept 속성은 브라우저의 파일 선택 창에서 보여지는 항목을 필터링할 뿐, 실제 서버 측 유효성 검사를 대체하지는 않습니다. 따라서 보안을 위해 서버에서도 업로드된 파일의 유형을 반드시 검증해야 합니다. 또한 multiple 속성과 함께 사용하면 사용자가 조건에 맞는 여러 개의 파일을 한 번에 선택할 수 있습니다.