HTML फॉर्म्स में मल्टीपल फाइल अपलोड की अनुमति देने के लिए, multiple एट्रिब्यूट का उपयोग करें। multiple एट्रिब्यूट ईमेल और फाइल इनपुट टाइप्स के साथ काम करता है।
मल्टीपल इनपुट्स पर अधिकतम आइटम्स लिमिट करने के लिए, 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 src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <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> नोट: कोड में 3 फाइलों की लिमिट चेक की गई है, टेक्स्ट में 2 का उल्लेख है। अपनी आवश्यकता अनुसार एडजस्ट करें।