directiva ng-file-model

Jose Pinto
1 parent d57f67fc66
Showing 1 changed file with 43 additions and 0 deletions Show diff stats
src/js/ngFileModel-directive.js
@@ -0,0 +1,43 @@
+angular.module('focaDirectivas')
+    .directive('ngFileModel', ['$parse', function ($parse) {
+        return {
+            restrict: 'A',
+            link: function (scope, element, attrs) {
+                var model = $parse(attrs.ngFileModel);
+                var isMultiple = attrs.multiple;
+                var modelSetter = model.assign;
+                element.bind('change', function () {
+                    var promesas = [];
+                    angular.forEach(element[0].files, function (item) {
+                        promesas.push(new Promise(function(resolve, reject) {
+                            var reader = new FileReader();
+                            reader.readAsDataURL(item);
+                            reader.onload = function(){
+                                var value = {
+                                    name: item.name,
+                                    url: URL.createObjectURL(item),
+                                    size: item.size,
+                                    base64: reader.result,
+                                    _file: item
+                                };
+                                resolve(value);
+                            };
+                            reader.onerror = function (error) {
+                               reject(error);
+                            };
+                        }));
+                    });
+
+                    Promise.all(promesas).then(function(values){
+                        scope.$apply(function () {
+                            if (isMultiple) {
+                                modelSetter(scope, values);
+                            } else {
+                                modelSetter(scope, values[0]);
+                            }
+                        });
+                    });
+                });
+            }
+        };
+    }]);
 \ No newline at end of file
...	...	@@ -0,0 +1,43 @@
	1	+angular.module('focaDirectivas')
	2	+ .directive('ngFileModel', ['$parse', function ($parse) {
	3	+ return {
	4	+ restrict: 'A',
	5	+ link: function (scope, element, attrs) {
	6	+ var model = $parse(attrs.ngFileModel);
	7	+ var isMultiple = attrs.multiple;
	8	+ var modelSetter = model.assign;
	9	+ element.bind('change', function () {
	10	+ var promesas = [];
	11	+ angular.forEach(element[0].files, function (item) {
	12	+ promesas.push(new Promise(function(resolve, reject) {
	13	+ var reader = new FileReader();
	14	+ reader.readAsDataURL(item);
	15	+ reader.onload = function(){
	16	+ var value = {
	17	+ name: item.name,
	18	+ url: URL.createObjectURL(item),
	19	+ size: item.size,
	20	+ base64: reader.result,
	21	+ _file: item
	22	+ };
	23	+ resolve(value);
	24	+ };
	25	+ reader.onerror = function (error) {
	26	+ reject(error);
	27	+ };
	28	+ }));
	29	+ });
	30	+
	31	+ Promise.all(promesas).then(function(values){
	32	+ scope.$apply(function () {
	33	+ if (isMultiple) {
	34	+ modelSetter(scope, values);
	35	+ } else {
	36	+ modelSetter(scope, values[0]);
	37	+ }
	38	+ });
	39	+ });
	40	+ });
	41	+ }
	42	+ };
	43	+ }]);
0	44	\ No newline at end of file