如何限制多个输入框 (<input type="file" multiple />) 的最大文件数量?
htmlweb developmentfront end technology更新于 2025/7/26 20:28:17
要在 HTML 表单中允许上传多个文件，请使用 multiple 属性。multiple 属性适用于电子邮件和文件输入类型。
要限制多个输入框的最大文件数量，请使用 JavaScript。通过 JavaScript，可以限制要上传的文件数量。例如，假设一次只能上传 2 个文件。
您可以尝试运行以下代码，学习如何在 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>
相关文章
有用资源
html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/
