Để cho phép tải lên nhiều tệp ở dạng HTML, hãy sử dụng nhiều thuộc tính. Nhiều thuộc tính hoạt động với các loại đầu vào tệp và email.
Để giới hạn các mục tối đa trên nhiều đầu vào, hãy sử dụng JavaScript. Thông qua đó, giới hạn số lượng tệp được tải lên. Ví dụ:giả sử chỉ có 2 tệp được tải lên cùng một lúc.
Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách sử dụng nhiều thuộc tính trong HTML. Cùng với đó, chúng tôi sẽ giới hạn số lượng tệp được tải lên bằng JavaScript.
Ví dụ
<!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>