JavaScript验证多个文件的大小

Vladimir Štus 发表于 Dev

弗拉基米尔·斯图斯

好的，这是一个非常令人困惑的问题，仅适用于专家。

我有一个插件，可以动态创建联系人表单的输入字段。

因此，在许多用于上传文件的输入字段中。我已经定义了onchange事件，像这样。

onchange=" var len = $(\'[type=file]\').length  ;  for(i=0; i < len; ++i){ if($(\'[type=file]\')[i].files[0].size > 15000000 ){ $(\'.inputDugme\').attr(\'disabled\',\'disabled\'); alert(\'Maksimalna dozvoljena veličina fajla je 15mb\')}else{$(\'.inputDugme\').removeAttr(\'disabled\',\'disabled\');}}"

我尝试单击事件检查所有输入字段，如果大于15mb，则禁用提交按钮。

我计算输入字段的数量

$(\'[type=file]\').length

问题是因为另一个输入字段没有文件，所以我会在JavaScript中遇到错误，因为我已经写了这一行

if($(\'[type=file]\')[i].files[0].size > 15000000 )

我将有未定义的索引，因为未选择输入字段的第二个文件。

需要帮助。有什么想法吗？

阿德内

您可以轻松地将添加文件的文件大小一起添加，就像这样
（使用jQuery，但是没有它是一样的）

var inputs = $('input[type="file"]')

inputs.on('change', function() {
    var size = 0;

    inputs.each(function() {            // iterate over all inputs
        $.each(this.files, function() { // iterate over all available files
            size += this.size;          // add up the filesizes
        });
    });

    if (size > 15000000) {
        alert('Too much data !');
    }
});

小提琴

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。