fileInput.js

'use strict';

angular.module('sawebApp')
    .directive('pdkFilesSelected', function($parse) {
        return {
            restrict: 'A',
            link: function(scope, elm, attrs) {
                var onSelected = $parse(attrs.pdkFilesSelected);
                elm.on('change', function() {
                    scope.$apply(function() {
                        //attr.multiple ? 
                        onSelected(scope, { $files: elm[0].files });
                    });
                });
            }
        };
    })
    .directive('pdkUploadImage', function($parse) {
        return {
            restrict: 'E',
            scope: {
                imageSrc: '=',
                imageSelected: '&'
            },
            link: function(scope, element, attrs) {
                scope.chooseNewImage = function() {
                    element.find('input').trigger('click');
                };

                scope.filesSelected = function(files) {
                    imageSelected({ $image: files[0] });
                };
            },
            template: '<img ng-src="{{imageSrc}}" style="max-width: 100%;" '
					+ 'ng-dblclick="chooseNewImage()" '
					+ 'hm-hold="chooseNewImage()" />'
                    + '<input type="file" style="width: 0px; height: 0px;" '
                    + 'accept="image/png,image/jpg,image/jpeg" '
                    + 'pdk-files-selected="filesSelected($files)"/>'
        };
        
    });