added pull request Mischi#19

Author: Christopher Knötschke

public/javascripts/imageupload.js

@@ -77,10 +77,10 @@ angular.module('imageupload', [])
             restrict: 'A',
             scope: {
                 image: '=',
-                resizeMaxHeight: '@?',
-                resizeMaxWidth: '@?',
-                resizeQuality: '@?',
-                resizeType: '@?',
+                resizeMaxHeight: '@',
+                resizeMaxWidth: '@',
+                resizeQuality: '@',
+                resizeType: '@',
             },
             link: function postLink(scope, element, attrs, ctrl) {
 
@@ -101,10 +101,30 @@ angular.module('imageupload', [])
                         if(attrs.multiple)
                             scope.image.push(imageResult);
                         else
-                            scope.image = imageResult; 
+                            scope.image = imageResult;
                     });
                 };
 
+                var processImage =  function (file) {
+                    //create a result object for each file in files
+                    var imageResult = {
+                        file: file,
+                        url: URL.createObjectURL(file)
+                    };
+
+                    fileToDataURL(file).then(function (dataURL) {
+                        imageResult.dataURL = dataURL;
+                    });
+
+                    if(scope.resizeMaxHeight || scope.resizeMaxWidth) { //resize image
+                        doResizing(imageResult, function(imageResult) {
+                            applyScope(imageResult);
+                        });
+                    }
+                    else { //no resizing
+                        applyScope(imageResult);
+                    }
+                };
 
                 element.bind('change', function (evt) {
                     //when multiple always return an array of images
@@ -113,26 +133,9 @@ angular.module('imageupload', [])
 
                     var files = evt.target.files;
                     for(var i = 0; i < files.length; i++) {
-                        //create a result object for each file in files
-                        var imageResult = {
-                            file: files[i],
-                            url: URL.createObjectURL(files[i])
-                        };
-
-                        fileToDataURL(files[i]).then(function (dataURL) {
-                            imageResult.dataURL = dataURL;
-                        });
-
-                        if(scope.resizeMaxHeight || scope.resizeMaxWidth) { //resize image
-                            doResizing(imageResult, function(imageResult) {
-                                applyScope(imageResult);
-                            });
-                        }
-                        else { //no resizing
-                            applyScope(imageResult);
-                        }
+                        processImage(files[i]);
                     }
                 });
             }
         };
-    });
+    });