javascript - 不使用 Bootstrap 验证上传带有 .jpg 扩展名的照片

Question

我正在使用 Bootstrap 验证上传“.jpg”扩展名的照片，但它不接受 .jpg 文件

请检查我的FIDDLE

我什至浏览过 Bootstrap MIME 类型..

我也尝试过各种选择，但没有成功..

验证选项 1:

$(document).ready(function() {
    $('#uploadForm').bootstrapValidator({
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            avatar: {
                validators: {
                    file: {
                        extension: 'jpeg|jpg,png',
                        type: 'image/jpeg,image/png',
                        maxSize: 2048 * 1024,   // 2 MB
                        message: 'The selected file is not valid'
                    }
                }
            }
        }
    });
});

验证选项 2:

$(document).ready(function() {
        $('#uploadForm').bootstrapValidator({
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
                avatar: {
                    validators: {
                        file: {
                            extension: 'jpeg jpg,png',
                            type: 'image/jpeg,image/png',
                            maxSize: 2048 * 1024,   // 2 MB
                            message: 'The selected file is not valid'
                        }
                    }
                }
            }
        });
    });

Answer 1

将 extension: 'jpeg|jpg,png', 更改为 extension: 'jpeg,jpg,png',

Demo