Capture a file from input type='file' with AngularJS

file-input.component.js

/**
 * @file file-input.component.js
 * @author Miroslav Georgiev
 * @version 0.0.1
 */

(function () {
    'use strict';

    /**
     * @description Controller to read and upload the specific element
     * @param $element
     */
    function FileReadCtrl($element) {
        var vm = this;

        vm.handleFile = function (changeEvent) {
            var reader = new FileReader();

            reader.onload = function (loadEvent) {
                console.log('file content:', loadEvent.target.result);
            };
            reader.readAsDataURL(changeEvent.target.files[0]);
        };

        $element.bind('change', vm.handleFile);
    }

    /**
     * @description Object containing the options for the scroll component
     */
    var fileReader = {
        bindings: {},
        controller: 'FileReadCtrl as file',
        require: '?ngModel',
        template: '<input type="file" />'
    };

    // we need to inject the controller, because of strict DI
    angular.module('core').controller('FileReadCtrl', FileReadCtrl);
    angular.module('core').component('fileReader', fileReader);
})();