Angular directive for html input file. Thanks to https://uncorkedstudios.com/blog/multipartformdata-file-upload-with-angularjs;

fileModel.directive.js

(function () {
    angular
        .module('common')
        .directive('fileModel', fileModel);

    fileModel.$inject = ['$parse'];
    function fileModel($parse) {
        var directive = {
            restrict: 'A',
            link: link
        };

        return directive;

        function link(scope, el, attrs) {
            var model = $parse(attrs.fileModel);
            var modelSetter = model.assign;

            el.bind('change', onChangeHandler);

            function onChangeHandler() {
                scope.$apply(function applyToScope() {
                    var arquivoSelecionado = null;
                    if (el[0].files.length === 1) {
                        arquivoSelecionado = el[0].files[0];
                    }
                    modelSetter(scope, arquivoSelecionado);
                });
            }
        }
    }

})();