Merge pull request #9 from valor-software/feature-auth-token-support

Updated: auth token support & small TS fix #8

README.md

@@ -27,6 +27,11 @@ Easy to use Angular2 directives for files upload ([demo](http://valor-software.g
 
   - `uploader` - (`FileUploader`) - uploader object. See using in [demo](https://github.com/valor-software/ng2-file-upload/blob/master/demo/components/file-upload/simple-demo.ts)
 
+  Parameters that supported by this object:
+
+  1. `url` - URL of File Uploader's route
+  2. `authToken` - Auth token that will be applied as 'Authorization' header during file send.
+
 ### Events
 
   - `file-over` - it fires during 'over' and 'out' events for Drop Area; returns `boolean`: `true` if file is over Drop Area, `false` in case of out.

components/file-upload/file-uploader.ts

@@ -15,6 +15,7 @@ function isFileLikeObject(value:any) {
 
 export class FileUploader {
   public url:string;
+  public authToken:string;
   public isUploading:boolean = false;
   public queue:Array<any> = [];
   public progress:number = 0;
@@ -29,6 +30,7 @@ export class FileUploader {
   constructor(public options:any) {
     // Object.assign(this, options);
     this.url = options.url;
+    this.authToken = options.authToken;
     this.filters.unshift({name: 'queueLimit', fn: this._queueLimitFilter});
     this.filters.unshift({name: 'folder', fn: this._folderFilter});
   }
@@ -335,6 +337,10 @@ export class FileUploader {
      xhr.setRequestHeader(name, value);
      });*/
 
+    if (this.authToken) {
+      xhr.setRequestHeader('Authorization', this.authToken);
+    }
+
     xhr.send(form);
     this._render();
   }

components/file-upload/readme.md

@@ -34,7 +34,12 @@ import {FileSelect, FileDrop, FileUploader} from 'ng2-file-upload';
 ### Properties
 
   - `uploader` - (`FileUploader`) - uploader object. See using in [demo](https://github.com/valor-software/ng2-file-upload/blob/master/demo/components/file-upload/simple-demo.ts)
-  
+
+  Parameters that supported by this object:
+
+  1. `url` - URL of File Uploader's route
+  2. `authToken` - auth token that will be applied as 'Authorization' header during file send.
+
 ## FileDrop API
 
 ### Properties

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng2-file-upload",
-  "version": "0.44.0",
+  "version": "0.46.0",
   "description": "angular2 file upload directives",
   "scripts": {
     "deploy": "NODE_ENV=production webpack -p --progress --color --optimize-minimize --optimize-dedupe --optimize-occurence-order",