HTML रूपों में एकाधिक फ़ाइल अपलोड की अनुमति देने के लिए, एकाधिक विशेषताओं का उपयोग करें। एकाधिक विशेषताएँ ईमेल और फ़ाइल इनपुट प्रकारों के साथ काम करती हैं।
एकाधिक इनपुट पर अधिकतम आइटम सीमित करने के लिए, जावास्क्रिप्ट का उपयोग करें। इसके माध्यम से अपलोड की जाने वाली फाइलों की संख्या को सीमित करें। उदाहरण के लिए, मान लें कि एक बार में केवल 2 फ़ाइलें अपलोड की जानी हैं।
HTML में एकाधिक विशेषताओं का उपयोग करने का तरीका जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं। इसके साथ, हम जावास्क्रिप्ट का उपयोग करके अपलोड की गई फ़ाइलों की संख्या को सीमित कर देंगे।
उदाहरण
<!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>