মাল্টিপল ফাইল আপলোডে সর্বোচ্চ আইটেম সীমাবদ্ধ করা

HTML ফর্মে একাধিক ফাইল আপলোড অনুমতি দিতে multiple অ্যাট্রিবিউট ব্যবহার করা হয়। multiple অ্যাট্রিবিউট email এবং file ইনপুট টাইপের সাথে কাজ করে।

মাল্টিপল ইনপুটে সর্বোচ্চ আইটেম সীমাবদ্ধ করতে জাভাস্ক্রিপ্ট ব্যবহার করতে হয়। এর মাধ্যমে আপলোড করা ফাইল সংখ্যা সীমাবদ্ধ করা যায়। উদাহরণস্বরূপ, একসাথে শুধু ২টি ফাইল আপলোড করার অনুমতি দেওয়া যাবে।

উদাহরণ

নিচের কোডটি চালিয়ে HTML-এ multiple অ্যাট্রিবিউট ব্যবহার করা যাবে। সাথে জাভাস্ক্রিপ্ট দিয়ে আপলোড করা ফাইল সংখ্যা সীমাবদ্ধ করা যাবে।

<!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>

দ্রষ্টব্য: উদাহরণে jQuery ব্যবহার করা হয়েছে, তাই jQuery লাইব্রেরি লোড করতে হবে। এছাড়া আলার্ট মেসেজে ৩ ফাইল বলা হয়েছে কিন্তু কমেন্টে ২ ফাইল বলা হয়েছে — কোড অনুযায়ী ৩ ফাইল সীমা।