HTML 형식으로 여러 파일 업로드를 허용하려면 여러 속성을 사용하십시오. 여러 속성은 이메일 및 파일 입력 유형에서 작동합니다.
여러 입력에서 최대 항목을 제한하려면 JavaScript를 사용하십시오. 이를 통해 업로드할 파일 수를 제한합니다. 예를 들어 한 번에 2개의 파일만 업로드한다고 가정해 보겠습니다.
다음 코드를 실행하여 HTML에서 여러 속성을 사용하는 방법을 배울 수 있습니다. 이를 통해 JavaScript를 사용하여 업로드되는 파일 수를 제한합니다.
예시
<!DOCTYPE html>
<html>
<head>
<title>HTML file upload</title>
</head>
<body>
<form>
<input type="file" action="/action_page.php" name="name" multiple><br/>
Upload multiple files, and click Submit.<br>
<input type = "submit" value = "submit">
</form>
<script>
$(function(){
$("input[type = 'submit']").click(function(){
var $fileUpload = $("input[type='file']");
if (parseInt($fileUpload.get(0).files.length) > 3){
alert("You are only allowed to upload a maximum of 3 files");
}
});
});
</script>
</body>
</html>