Question

我想限制用户在输入标签中选择最多6个文件。目前，我的输入标签是这样的：

<input type="file" name="question_pic" id="id_question_pic" multiple/>

我想限制用户最多选择6个文件。我可以在服务器端返回错误，但我希望客户端先更改它。

有办法吗？

感谢。

Answer 1

你可以使用这样的jQuery函数：

$('.fileinput').change(function(){
    if(this.files.length>10)
        alert('Too many files')
});
// Prevent submission if limit is exceeded.
$('form').submit(function(){
    if(this.files.length>10)
        return false;
});

Answer 2

您可以像这样使用Jquery或Javascript：

<input type="file" name="question_pic" id="id_question_pic" max-uploads = 6/>

然后在Jquery你可以这样做

Var number_of_uploads;
$("#id_question_pic").change(function() {
    if(number_of_uploads > $(this).attr(max-uploads))
    {
    alert('Your Message');
    }
    else
    {
    number_of_uploads = number_of_uploads + 1;
    }
});

您也可以在要上传文件的表单提交中执行此操作。但是如果您使用Ajax上传，我认为这很好。

如何限制html中的文件上传次数？

2 个答案: