file_upload_image.js

// Banner Listeners
$(document).on('change', '#profile-banner-file-input', function() {

    var input = $(this);
    if (input[0].files && input[0].files.length > 0) {

        var fileObject = input[0].files[0];

        if(fileObject.size<=3*1024*1024) {
            var reader = new FileReader();

            reader.onload = function (e) {
                $('#uploaded-banner-preView').attr('src', e.target.result);
                $('#uploaded-banner-preview-fullscreen').attr('href', e.target.result);
                $('#uploaded-banner-name').text(fileObject.name);
                $('#uploaded-banner-size').text(formatBytes(fileObject.size));
                $('#uploaded-banner-file-type').text(fileObject.type);
            }

            reader.readAsDataURL(input[0].files[0]);

            $('.uploaded-banner').show();

        } else {
            alert("JPG images of maximum 2MB");
        }
    }
});