JavaScript 检查多个上传的文件扩展名

Question

I have contact form, and Js which validates the size of selected files. Also I want to add extension check. My code so far is

var inputs = $('input[type="file"]')
inputs.on('change', function () {
    var size = 0;

    inputs.each(function () {
        $.each(this.files, function () {
            size += this.size;
            var names = [];
           
            alert(x);

        });
    });

    if (size > 19000000) {
        alert('Ukupna dozvoljena veličina fajlova za upload je 20mb!');
        $('.inputDugme').attr('disabled', 'disabled');
    } else {
        $('.inputDugme').removeAttr('disabled', 'disabled')
    }
});

Is there I way to get extension of files, and save it in array. And then check content of array.

Answer 1

You can collect extension names like this:

var size = 0,
    etx = [];

inputs.each(function () {
    $.each(this.files, function () {
        size += this.size;
        ext.push(this.name.split('.').pop());
    });
});

x[] = this.name; is not valid syntax in Javascript, you should use Array.prototype.push method.

Answer 2

尝试这个。

var ext = filename.split('.')[filename.split('.').length - 1];