ability to add http request headers

Author: AndriiKachur

README.md

@@ -98,6 +98,22 @@ $uiUploader.startUpload({
             });
 ```
 
+Configure custom request headers by options.headers field
+
+```javascript
+$uiUploader.startUpload({
+                url: 'http://my_domain.com',
+                concurrency: 2,
+                headers: {
+                    'Accept': 'application/json'
+                },
+                onCompletedAll: function(files) {
+                	// files is an array of File objects
+                	console.log(files);
+                }
+            });
+```
+
 ## Development
 
 We use Karma and jshint to ensure the quality of the code.  The easiest way to run these checks is to use grunt:

dist/uploader.js

@@ -1,7 +1,7 @@
 /*!
  * angular-ui-uploader
  * https://github.com/angular-ui/ui-uploader
- * Version: 1.1.2 - 2015-10-27T03:09:52.784Z
+ * Version: 1.1.2 - 2015-11-30T14:25:59.048Z
  * License: MIT
  */
 
@@ -41,13 +41,17 @@ function uiUploader($log) {
 
     function startUpload(options) {
         self.options = options;
+
+        //headers are not shared by requests
+        var headers = options.headers || {};
+
         for (var i = 0; i < self.files.length; i++) {
             if (self.activeUploads == self.options.concurrency) {
                 break;
             }
             if (self.files[i].active)
                 continue;
-            ajaxUpload(self.files[i], self.options.url, self.options.data);
+            ajaxUpload(self.files[i], self.options.url, self.options.data, headers);
         }
     }
 
@@ -74,12 +78,8 @@ function uiUploader($log) {
         return (bytes / Math.pow(1024, i)).toFixed(i ? 1 : 0) + ' ' + sizes[isNaN(bytes) ? 0 : i + 1];
     }
 
-    function isFunction(entity) {
-        return typeof(entity) === typeof(Function);
-    }
-
-    function ajaxUpload(file, url, data) {
-        var xhr, formData, prop, key = '' || 'file';
+    function ajaxUpload(file, url, data, headers) {
+        var xhr, formData, prop, key = 'file';
         data = data || {};
 
         self.activeUploads += 1;
@@ -94,6 +94,14 @@ function uiUploader($log) {
         formData = new window.FormData();
         xhr.open('POST', url);
 
+        if (headers) {
+            for (var headerKey in headers) {
+                if (headers.hasOwnProperty(headerKey)) {
+                    xhr.setRequestHeader(headerKey, headers[headerKey]);
+                }
+            }
+        }
+
         // Triggered when upload starts:
         xhr.upload.onloadstart = function() {
         };
@@ -109,7 +117,7 @@ function uiUploader($log) {
             //console.info(event.loaded);
             file.loaded = event.loaded;
             file.humanSize = getHumanSize(event.loaded);
-            if (isFunction(self.options.onProgress)) {
+            if (angular.isFunction(self.options.onProgress)) {
                 self.options.onProgress(file);
             }
         };
@@ -119,20 +127,20 @@ function uiUploader($log) {
             self.activeUploads -= 1;
             self.uploadedFiles += 1;
             startUpload(self.options);
-            if (isFunction(self.options.onCompleted)) {
+            if (angular.isFunction(self.options.onCompleted)) {
                 self.options.onCompleted(file, xhr.responseText, xhr.status);
             }            
             if (self.uploadedFiles === self.files.length) {
                 self.uploadedFiles = 0;
-                if (isFunction(self.options.onCompletedAll)) {
+                if (angular.isFunction(self.options.onCompletedAll)) {
                     self.options.onCompletedAll(self.files);
                 }
             }
         };
 
         // Triggered when upload fails:
         xhr.onerror = function(e) {
-            if (isFunction(self.options.onError)) {
+            if (angular.isFunction(self.options.onError)) {
                 self.options.onError(e);
             }
         };

dist/uploader.min.js

@@ -31,13 +31,17 @@ function uiUploader($log) {
 
     function startUpload(options) {
         self.options = options;
+
+        //headers are not shared by requests
+        var headers = options.headers || {};
+
         for (var i = 0; i < self.files.length; i++) {
             if (self.activeUploads == self.options.concurrency) {
                 break;
             }
             if (self.files[i].active)
                 continue;
-            ajaxUpload(self.files[i], self.options.url, self.options.data);
+            ajaxUpload(self.files[i], self.options.url, self.options.data, headers);
         }
     }
 
@@ -64,7 +68,7 @@ function uiUploader($log) {
         return (bytes / Math.pow(1024, i)).toFixed(i ? 1 : 0) + ' ' + sizes[isNaN(bytes) ? 0 : i + 1];
     }
 
-    function ajaxUpload(file, url, data) {
+    function ajaxUpload(file, url, data, headers) {
         var xhr, formData, prop, key = 'file';
         data = data || {};
 
@@ -80,6 +84,14 @@ function uiUploader($log) {
         formData = new window.FormData();
         xhr.open('POST', url);
 
+        if (headers) {
+            for (var headerKey in headers) {
+                if (headers.hasOwnProperty(headerKey)) {
+                    xhr.setRequestHeader(headerKey, headers[headerKey]);
+                }
+            }
+        }
+
         // Triggered when upload starts:
         xhr.upload.onloadstart = function() {
         };