var FileValidator = require('z-file-validator');
 
// Suppose we have Modernizr
if (Modernizr.filereader) {
    // Saving the jQuery object for later use.
    var $input = $('#input');
 
    // Initializing a FileValidator for the input
    var validator = new FileValidator($input, 'configuration');
    // Where
    // $input          - The DOM input element selected by jQuery.
    // 'configuration' - The data- attribute's name. Now it expects a
    //                   `data-configuration` attribute to contain a valid
    //                   JSON configuration.
    //                   This could also be an object instead, in which case
    //                   there's no need for the data-* attribute.
 
    // By default, if the `validator.validate()` returns an error, the validator
    // also resets the file input. If you want to keep the selected value
    // regardless of the validation result, then just use the following:
    // `validator.setInputResetOnError(false);`
    // before running the validation.
 
    // Validate the input on change
    $input.on('change', function() {
        var validationResponse = validator.validate();
 
        // If you need the loaded configuration to have more sensible error
        // messages, you can just use the following:
        var usedConfig = validator.getConfig();
 
        if (validationResponse === true) {
            // No problems were detected :thumbsup:
        } else {
            // An error occured, which can be a collective error, or a specific
            // problem with one - or some - of the files.
            if (validator.hasCollectiveErrors() === true) {
                // In this case, `validationResponse` is an array of error code
                // strings.
                // Ex: `["collective.big_filesize", "collective.too_much_file"]`
            } else {
                // In this case, `validationResponse` is an array of arrays,
                // where each contains 2 elements: an array of error codes,
                // and the file data which was fetched from the FileApi.
                // Ex:
                // `[
                //     [
                //         ["big_filesize"],
                //         File
                //     ],
                //     [
                //         ["small_filesize", "bad_type"],
                //         File
                //     ]
                // ]`
            }
        }
    });
}

var FileValidator = require('z-file-validator');
 
var validationResponse = FileValidator.prototype.validateFile(
    $('#input')[0].files[1], // Validating only the second selected file
    {size: {max: '5M'}} // It should be no bigger than 5M
);
 
console.log(validationResponse);
// -> ["big_filesize"] or
// -> true