AngularJS directive for drag and drop file uploading

gistfile1.js

'use strict';

(function () {
    angular.module('ui').directive('imageDrop', function () {
        return {
            restrict: 'EA',
            scope: {
                dropFn: '&'
            },
            link: function (scope, element, attrs) {
                element.bind('dragover', function (e) {
                    stopExecution(e);
                });

                element.bind('dragleave', function (e) {
                    stopExecution(e);
                });

                element.bind('drop', function (e) {
                    stopExecution(e);

                    e.dataTransfer = e.originalEvent.dataTransfer;
                    var file = e.dataTransfer.files[0],
                        reader = new FileReader();

                    reader.onload = function (event) {
                        element.attr('style', 'background: url(' + event.target.result + ') no-repeat top center;background-size: 100%;');

                        scope.$apply(function() {
                            scope.dropFn({ encodedImage: event.target.result, filename: file.name });
                        });
                    };

                    reader.readAsDataURL(file);
                });

                function stopExecution (e) {
                    e.preventDefault();
                    e.stopPropagation();
                }
            }
        }
    })
}());