Bootstrap Validator не работает при вводе файла ⇐ Jquery

[Anonymous]

У меня есть поле формы, которое должно принимать изображения только в формате .jpg или .png при определенном размере файла. Проверка, похоже, не работает (проверено с недопустимыми типами файлов). Это то, что у меня есть на данный момент, так чего же мне не хватает? Я должен работать так, как здесь http://bootstrapvalidator.com/validators/file/

jsFiddle: http://jsfiddle.net/933yvfmh/3/





Image Cropper







Reset

















//HIDE CONTROLS UNTIL IMAGE SELECTED//
$("#reset, #renderButton, .render").hide();
$("#file").click(function () {
$("#reset, #renderButton").show();
});
//ONLY SHOW RENDERED VIEW WHEN RENDER BUTTON CLICKED//
$("#renderButton").click(function () {
$(".render").fadeIn("slow").animate({
right: '50px'
});
$(".render, #result_container").show();
})
//RESET RENDER VIEW//
$("#reset").click(function () {
$(".imgly-container").empty();
});

$('#fileupload').bootstrapValidator({
live: 'enabled',
fields: {
fileupload: {
validators: {
file: {
extension: 'jpg, png',
type: 'image/jpg, image/png',
minSize: 1024 * 1024,
message: 'The selected file is not valid, or the size is not large enough!'
}
}
}
}
});


Подробнее здесь: https://stackoverflow.com/questions/260 ... file-input