File Directive

fileDirective.js

angular.module('Aether').directive('onReadFile', function($parse, Constants) {
	return {
		restrict : 'A',
		scope : false,
		link : function(scope, element, attrs) {
			var fn = $parse(attrs.onReadFile);
			element.on('change', function(onChangeEvent) {
				var file = (onChangeEvent.srcElement || onChangeEvent.target).files[0];
				var reader = new FileReader();
				reader.onload = function(onLoadEvent) {
					scope.$apply(function() {
						fn(scope, (file.size <= Constants.keysFileSizeLimit) ? {
							$fileContent : onLoadEvent.target.result
						} : false);
					});
				};
				reader.readAsBinaryString(file);
			});
		}
	};
});