如何限制多输入项()?
要允许在 HTML 表单中上传多个文件,请使用 multiple 属性。multiple 属性适用于电子邮件和文件输入类型。
要限制多输入项的最大数目,请使用 JavaScript。通过这种方式限制上传的文件数。例如,假设一次只能上传两个文件。
你可以尝试运行以下代码,以了解如何在 HTML 中使用 multiple 属性。使用该属性,我们将在 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>
广告