จะจำกัดรายการสูงสุดในอินพุตหลายรายการได้อย่างไร (<input type=“file” หลายรายการ />)

จะจำกัดรายการสูงสุดในอินพุตหลายรายการได้อย่างไร ()

หากต้องการอนุญาตให้อัปโหลดไฟล์หลายไฟล์ในรูปแบบ HTML ให้ใช้แอตทริบิวต์หลายรายการ แอตทริบิวต์หลายรายการใช้งานได้กับอีเมลและประเภทอินพุตไฟล์

จะจำกัดรายการสูงสุดในอินพุตหลายรายการได้อย่างไร ( input type=“file” หลายรายการ / )

สำหรับการจำกัดรายการสูงสุดในหลายอินพุต ให้ใช้ 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>