Updated: ng-file-select directive (single and multiple selection)

izouxv · Feb 17, 2014 · 88da09e · 88da09e
1 parent 729044a
commit 88da09e
Show file tree

Hide file tree

Showing 11 changed files with 23 additions and 40 deletions.
diff --git a/angular-file-upload.js b/angular-file-upload.js
@@ -1,3 +1,7 @@
+/*
+ Angular File Upload v0.3.2
+ https://github.com/nervgh/angular-file-upload
+*/
 (function(angular, factory) {
     if (typeof define === 'function' && define.amd) {
         define('angular-file-upload', ['angular'], function(angular) {
@@ -7,19 +11,8 @@
         return factory(angular);
     }
 }(angular || null, function(angular) {
-/**
- * The angular file upload module
- * @author: nerv
- * @version: 0.3.1, 2014-01-05
- */
 var app = angular.module('angularFileUpload', []);
 
-/**
- * The angular file upload module
- * @author: nerv
- * @version: 0.3.1, 2014-01-05
- */
-
 // It is attached to an element that catches the event drop file
 app.directive('ngFileDrop', [ '$fileUploader', function ($fileUploader) {
     'use strict';
@@ -54,12 +47,6 @@ app.directive('ngFileDrop', [ '$fileUploader', function ($fileUploader) {
         }
     };
 }])
-/**
- * The angular file upload module
- * @author: nerv
- * @version: 0.3.1, 2014-01-05
- */
-
 // It is attached to an element which will be assigned to a class "ng-file-over" or ng-file-over="className"
 app.directive('ngFileOver', function () {
     'use strict';
@@ -75,12 +62,6 @@ app.directive('ngFileOver', function () {
         }
     };
 });
-/**
- * The angular file upload module
- * @author: nerv
- * @version: 0.3.1, 2014-01-05
- */
-
 // It is attached to <input type="file"> element like <ng-file-select="options">
 app.directive('ngFileSelect', [ '$fileUploader', function ($fileUploader) {
     'use strict';
@@ -91,18 +72,13 @@ app.directive('ngFileSelect', [ '$fileUploader', function ($fileUploader) {
 
             element.bind('change', function () {
                 scope.$emit('file:add', $fileUploader.isHTML5 ? this.files : this, scope.$eval(attributes.ngFileSelect));
-                $fileUploader.isHTML5 && element.prop('value', null);
+                ($fileUploader.isHTML5 && element.attr('multiple')) && element.prop('value', null);
             });
 
             element.prop('value', null); // FF fix
         }
     };
 }]);
-/**
- * The angular file upload module
- * @author: nerv
- * @version: 0.3.1, 2014-01-05
- */
 app.factory('$fileUploader', [ '$compile', '$rootScope', '$http', '$window', function ($compile, $rootScope, $http, $window) {
     'use strict';
 

diff --git a/angular-file-upload.min.js b/angular-file-upload.min.js
diff --git a/angular-file-upload.min.map b/angular-file-upload.min.map
diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
     "name": "angular-file-upload",
-    "version": "0.3.1",
+    "version": "0.3.2",
     "main": "angular-file-upload.js",
     "homepage": "https://github.com/nervgh/angular-file-upload",
     "ignore": [],

diff --git a/examples/simple/index.html b/examples/simple/index.html
@@ -70,8 +70,11 @@ <h3>Select files</h3>
                     </div>
 
                     <!-- 2. ng-file-select | ng-file-select="options" -->
-                    <input ng-file-select type="file" multiple  />
+                    Multiple
+                    <input ng-file-select type="file" multiple  /><br/>
 
+                    Single
+                    <input ng-file-select type="file" />
                 </div>
 
                 <div class="col-md-9" style="margin-bottom: 40px">

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "Angular File Upload",
-    "version": "0.3.1",
+    "version": "0.3.2",
     "homepage": "https://github.com/nervgh/angular-file-upload",
     "description": "Angular File Upload is a module for the AngularJS framework",
     "author": {

diff --git a/src/scripts/app.js b/src/scripts/app.js
@@ -1,6 +1,6 @@
 /**
  * The angular file upload module
  * @author: nerv
- * @version: 0.3.1, 2014-01-05
+ * @version: 0.3.2, 2014-02-18
  */
 var app = angular.module('angularFileUpload', []);
diff --git a/src/scripts/directives/ngFileDrop.js b/src/scripts/directives/ngFileDrop.js
@@ -1,7 +1,7 @@
 /**
  * The angular file upload module
  * @author: nerv
- * @version: 0.3.1, 2014-01-05
+ * @version: 0.3.2, 2014-02-18
  */
 
 // It is attached to an element that catches the event drop file

diff --git a/src/scripts/directives/ngFileOver.js b/src/scripts/directives/ngFileOver.js
@@ -1,7 +1,7 @@
 /**
  * The angular file upload module
  * @author: nerv
- * @version: 0.3.1, 2014-01-05
+ * @version: 0.3.2, 2014-02-18
  */
 
 // It is attached to an element which will be assigned to a class "ng-file-over" or ng-file-over="className"

diff --git a/src/scripts/directives/ngFileSelect.js b/src/scripts/directives/ngFileSelect.js
@@ -1,7 +1,7 @@
 /**
  * The angular file upload module
  * @author: nerv
- * @version: 0.3.1, 2014-01-05
+ * @version: 0.3.2, 2014-02-18
  */
 
 // It is attached to <input type="file"> element like <ng-file-select="options">
@@ -14,7 +14,7 @@ app.directive('ngFileSelect', [ '$fileUploader', function ($fileUploader) {
 
             element.bind('change', function () {
                 scope.$emit('file:add', $fileUploader.isHTML5 ? this.files : this, scope.$eval(attributes.ngFileSelect));
-                $fileUploader.isHTML5 && element.prop('value', null);
+                ($fileUploader.isHTML5 && element.attr('multiple')) && element.prop('value', null);
             });
 
             element.prop('value', null); // FF fix

diff --git a/src/scripts/services/$fileUploader.js b/src/scripts/services/$fileUploader.js
@@ -1,7 +1,7 @@
 /**
  * The angular file upload module
  * @author: nerv
- * @version: 0.3.1, 2014-01-05
+ * @version: 0.3.2, 2014-02-18
  */
 app.factory('$fileUploader', [ '$compile', '$rootScope', '$http', '$window', function ($compile, $rootScope, $http, $window) {
     'use strict';