Updating Angular Version to 6

Updating Naming and Files to Work With Services
Improving ReadME
2018-05-23 16:23:19 -03:00 · 2018-05-23 12:35:49 -03:00 · 2018-03-09 10:22:26 -03:00 · 2018-03-09 10:07:00 -03:00 · 2018-02-23 13:03:05 -03:00 · 2018-02-09 22:48:17 -02:00
37 changed files with 20511 additions and 8972 deletions
--- a/.editorconfig
+++ b/.editorconfig
@@ -1,11 +0,0 @@
-# http://editorconfig.org
-
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-end_of_line = lf
-insert_final_newline = true
-trim_trailing_whitespace = true
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,83 +1,108 @@
-<a name="1.2.0"></a>
-# [1.2.0](https://github.com/valor-software/ng2-file-upload/compare/v1.1.3-0...v1.2.0) (2017-01-17)
-
-
-### Bug Fixes
-
-* **headers:** Add FileItem headers to XHR ([#553](https://github.com/valor-software/ng2-file-upload/issues/553)) ([e4a7099](https://github.com/valor-software/ng2-file-upload/commit/e4a7099)), closes [#552](https://github.com/valor-software/ng2-file-upload/issues/552)
+<a name="1.3.0"></a>
+# [1.3.0](https://github.com/valor-software/ng2-chunk-file-upload/compare/v1.2.0...v1.3.0) (2017-11-25)


 ### Features

-* **file-select:** Clear file select automatically ([#524](https://github.com/valor-software/ng2-file-upload/issues/524)) ([410efda](https://github.com/valor-software/ng2-file-upload/commit/410efda))
-* **fileUpload:** added additionalParameter ([#565](https://github.com/valor-software/ng2-file-upload/issues/565)) ([397de09](https://github.com/valor-software/ng2-file-upload/commit/397de09))
-* **package:** upgrade to ng v2.3+ ([#574](https://github.com/valor-software/ng2-file-upload/issues/574)) ([3cc6a99](https://github.com/valor-software/ng2-file-upload/commit/3cc6a99))
+* **file-upload:** Add response and function to modify the request body ([#901](https://github.com/valor-software/ng2-chunk-file-upload/pull/901))
+* **file-upload** add file type .zip ([#911](https://github.com/valor-software/ng2-chunk-file-upload/pull/911))
+
+### Bug Fixes
+* **file-uploader** Update: setOptions ([#904](https://github.com/valor-software/ng2-chunk-file-upload/pull/904))
+* **docs** Fix correct path for isHTML5 option ([#844](https://github.com/valor-software/ng2-chunk-file-upload/pull/844))
+* **docs** Added onFileDrop() event to documentation ([#857](https://github.com/valor-software/ng2-chunk-file-upload/pull/857))
+
+
+<a name="1.2.1"></a>
+## [1.2.1](https://github.com/valor-software/ng2-chunk-file-upload/compare/v1.2.0...v1.2.1) (2017-04-10)
+
+
+### Features
+
+* **package:** relaxed peer dependencies to allow ng v4  ([#713](https://github.com/valor-software/ng2-chunk-file-upload/issues/713)) ([7704e0e](https://github.com/valor-software/ng2-chunk-file-upload/commit/7704e0e))
+
+
+
+<a name="1.2.0"></a>
+# [1.2.0](https://github.com/valor-software/ng2-chunk-file-upload/compare/v1.1.3-0...v1.2.0) (2017-01-17)
+
+
+### Bug Fixes
+
+* **headers:** Add FileItem headers to XHR ([#553](https://github.com/valor-software/ng2-chunk-file-upload/issues/553)) ([e4a7099](https://github.com/valor-software/ng2-chunk-file-upload/commit/e4a7099)), closes [#552](https://github.com/valor-software/ng2-chunk-file-upload/issues/552)
+
+
+### Features
+
+* **file-select:** Clear file select automatically ([#524](https://github.com/valor-software/ng2-chunk-file-upload/issues/524)) ([410efda](https://github.com/valor-software/ng2-chunk-file-upload/commit/410efda))
+* **fileUpload:** added additionalParameter ([#565](https://github.com/valor-software/ng2-chunk-file-upload/issues/565)) ([397de09](https://github.com/valor-software/ng2-chunk-file-upload/commit/397de09))
+* **package:** upgrade to ng v2.3+ ([#574](https://github.com/valor-software/ng2-chunk-file-upload/issues/574)) ([3cc6a99](https://github.com/valor-software/ng2-chunk-file-upload/commit/3cc6a99))



 <a name="1.1.3-0"></a>
-## [1.1.3-0](https://github.com/valor-software/ng2-file-upload/compare/v1.1.2...v1.1.3-0) (2016-10-19)
+## [1.1.3-0](https://github.com/valor-software/ng2-chunk-file-upload/compare/v1.1.2...v1.1.3-0) (2016-10-19)


 ### Bug Fixes

-* **typing:** added authTokenHeader property to options and file upload class ([b55c852](https://github.com/valor-software/ng2-file-upload/commit/b55c852))
+* **typing:** added authTokenHeader property to options and file upload class ([b55c852](https://github.com/valor-software/ng2-chunk-file-upload/commit/b55c852))


 ### Features

-* **build:** added support for AoT and ng-cli ([f0b2879](https://github.com/valor-software/ng2-file-upload/commit/f0b2879)), closes [#436](https://github.com/valor-software/ng2-file-upload/issues/436)
-* **file-upload:** Add the possibility of set the token header ([#213](https://github.com/valor-software/ng2-file-upload/issues/213)) ([282295c](https://github.com/valor-software/ng2-file-upload/commit/282295c))
+* **build:** added support for AoT and ng-cli ([f0b2879](https://github.com/valor-software/ng2-chunk-file-upload/commit/f0b2879)), closes [#436](https://github.com/valor-software/ng2-chunk-file-upload/issues/436)
+* **file-upload:** Add the possibility of set the token header ([#213](https://github.com/valor-software/ng2-chunk-file-upload/issues/213)) ([282295c](https://github.com/valor-software/ng2-chunk-file-upload/commit/282295c))



 <a name="1.1.2"></a>
-## [1.1.2](https://github.com/valor-software/ng2-file-upload/compare/v1.1.1...v1.1.2) (2016-10-17)
+## [1.1.2](https://github.com/valor-software/ng2-chunk-file-upload/compare/v1.1.1...v1.1.2) (2016-10-17)


 ### Features

-* **package:** allow of ng2 v2.0.* and v2.*.* ([87395e6](https://github.com/valor-software/ng2-file-upload/commit/87395e6))
+* **package:** allow of ng2 v2.0.* and v2.*.* ([87395e6](https://github.com/valor-software/ng2-chunk-file-upload/commit/87395e6))



 <a name="1.1.1"></a>
-## [1.1.1](https://github.com/valor-software/ng2-file-upload/compare/v1.0.3...v1.1.1) (2016-10-17)
+## [1.1.1](https://github.com/valor-software/ng2-chunk-file-upload/compare/v1.0.3...v1.1.1) (2016-10-17)


 ### Bug Fixes

-* **uploader:** Add the ability to upload files via PUT instead of POST ([#239](https://github.com/valor-software/ng2-file-upload/issues/239)) ([e068511](https://github.com/valor-software/ng2-file-upload/commit/e068511))
-* **zone.js:**  error in Safari, Added Typings ([#221](https://github.com/valor-software/ng2-file-upload/issues/221)) ([db77e89](https://github.com/valor-software/ng2-file-upload/commit/db77e89))
+* **uploader:** Add the ability to upload files via PUT instead of POST ([#239](https://github.com/valor-software/ng2-chunk-file-upload/issues/239)) ([e068511](https://github.com/valor-software/ng2-chunk-file-upload/commit/e068511))
+* **zone.js:**  error in Safari, Added Typings ([#221](https://github.com/valor-software/ng2-chunk-file-upload/issues/221)) ([db77e89](https://github.com/valor-software/ng2-chunk-file-upload/commit/db77e89))


 ### Features

-* **multipart:** Create disableMultipart option in FileUploader ([#224](https://github.com/valor-software/ng2-file-upload/issues/224)) ([22307d2](https://github.com/valor-software/ng2-file-upload/commit/22307d2))
-* **package:** angular ~2.0.1 stable release ([#425](https://github.com/valor-software/ng2-file-upload/issues/425)) ([3fec385](https://github.com/valor-software/ng2-file-upload/commit/3fec385))
-* **package:** updated to typescript 2 ([4fef496](https://github.com/valor-software/ng2-file-upload/commit/4fef496))
+* **multipart:** Create disableMultipart option in FileUploader ([#224](https://github.com/valor-software/ng2-chunk-file-upload/issues/224)) ([22307d2](https://github.com/valor-software/ng2-chunk-file-upload/commit/22307d2))
+* **package:** angular ~2.0.1 stable release ([#425](https://github.com/valor-software/ng2-chunk-file-upload/issues/425)) ([3fec385](https://github.com/valor-software/ng2-chunk-file-upload/commit/3fec385))
+* **package:** updated to typescript 2 ([4fef496](https://github.com/valor-software/ng2-chunk-file-upload/commit/4fef496))



 <a name="1.1.0"></a>
-# [1.1.0](https://github.com/valor-software/ng2-file-upload/compare/v1.0.3...v1.1.0) (2016-09-21)
+# [1.1.0](https://github.com/valor-software/ng2-chunk-file-upload/compare/v1.0.3...v1.1.0) (2016-09-21)


 ### Bug Fixes

-* **uploader:** Add the ability to upload files via PUT instead of POST ([#239](https://github.com/valor-software/ng2-file-upload/issues/239)) ([e068511](https://github.com/valor-software/ng2-file-upload/commit/e068511))
-* **zone.js:**  error in Safari, Added Typings ([#221](https://github.com/valor-software/ng2-file-upload/issues/221)) ([db77e89](https://github.com/valor-software/ng2-file-upload/commit/db77e89))
+* **uploader:** Add the ability to upload files via PUT instead of POST ([#239](https://github.com/valor-software/ng2-chunk-file-upload/issues/239)) ([e068511](https://github.com/valor-software/ng2-chunk-file-upload/commit/e068511))
+* **zone.js:**  error in Safari, Added Typings ([#221](https://github.com/valor-software/ng2-chunk-file-upload/issues/221)) ([db77e89](https://github.com/valor-software/ng2-chunk-file-upload/commit/db77e89))


 ### Features

-* **multipart:** Create disableMultipart option in FileUploader ([#224](https://github.com/valor-software/ng2-file-upload/issues/224)) ([22307d2](https://github.com/valor-software/ng2-file-upload/commit/22307d2))
-* **package:** updated to typescript 2 ([4fef496](https://github.com/valor-software/ng2-file-upload/commit/4fef496))
+* **multipart:** Create disableMultipart option in FileUploader ([#224](https://github.com/valor-software/ng2-chunk-file-upload/issues/224)) ([22307d2](https://github.com/valor-software/ng2-chunk-file-upload/commit/22307d2))
+* **package:** updated to typescript 2 ([4fef496](https://github.com/valor-software/ng2-chunk-file-upload/commit/4fef496))



 <a name="1.0.3"></a>
-## [1.0.3](https://github.com/valor-software/ng2-file-upload/compare/v1.0.2...v1.0.3) (2016-05-12)
+## [1.0.3](https://github.com/valor-software/ng2-chunk-file-upload/compare/v1.0.2...v1.0.3) (2016-05-12)



@@ -87,17 +112,17 @@

 ### Bug Fixes

-* **upload:** merge fix and get filters fix ([ef6091c](https://github.com/valor-software/ng2-file-upload/commit/ef6091c))
+* **upload:** merge fix and get filters fix ([ef6091c](https://github.com/valor-software/ng2-chunk-file-upload/commit/ef6091c))


 ### Chores

-* **build:** ng2 style guide applied ([aee69d8](https://github.com/valor-software/ng2-file-upload/commit/aee69d8))
+* **build:** ng2 style guide applied ([aee69d8](https://github.com/valor-software/ng2-chunk-file-upload/commit/aee69d8))


 ### Features

-* **package:** upgrade to angular 2.0.0-rc.1 ([#176](https://github.com/valor-software/ng2-file-upload/issues/176)) ([13c5c35](https://github.com/valor-software/ng2-file-upload/commit/13c5c35)), closes [#180](https://github.com/valor-software/ng2-file-upload/issues/180)
+* **package:** upgrade to angular 2.0.0-rc.1 ([#176](https://github.com/valor-software/ng2-chunk-file-upload/issues/176)) ([13c5c35](https://github.com/valor-software/ng2-chunk-file-upload/commit/13c5c35)), closes [#180](https://github.com/valor-software/ng2-chunk-file-upload/issues/180)


 ### BREAKING CHANGES
--- a/README.md
+++ b/README.md
@@ -1,41 +1,62 @@
-# ng2-file-upload [![npm version](https://badge.fury.io/js/ng2-file-upload.svg)](http://badge.fury.io/js/ng2-file-upload)
-Easy to use Angular2 directives for files upload ([demo](http://valor-software.github.io/ng2-file-upload/))
-
-Follow me [![twitter](https://img.shields.io/twitter/follow/valorkin.svg?style=social&label=%20valorkin)](https://twitter.com/valorkin) to be notified about new releases.
+# ng2-chunk-file-upload [![npm version](https://badge.fury.io/js/ng2-chunk-file-upload.svg)](http://badge.fury.io/js/ng2-chunk-file-upload) [![npm downloads](https://img.shields.io/npm/dm/ng2-chunk-file-upload.svg)](https://npmjs.org/ng2-chunk-file-upload)[![slack](https://ngx-slack.herokuapp.com/badge.svg)](https://ngx-slack.herokuapp.com)
+Easy to use Angular2 directives for files upload ([demo](http://valor-software.github.io/ng2-chunk-file-upload/))

 [![Angular 2 Style Guide](https://mgechev.github.io/angular2-style-guide/images/badge.svg)](https://github.com/mgechev/angular2-style-guide)
-[![Build Status](https://travis-ci.org/valor-software/ng2-file-upload.svg?branch=master)](https://travis-ci.org/valor-software/ng2-file-upload)
-[![Code Climate](https://codeclimate.com/github/valor-software/ng2-file-upload/badges/gpa.svg)](https://codeclimate.com/github/valor-software/ng2-file-upload)
-[![Join the chat at https://gitter.im/valor-software/ng2-bootstrap](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/valor-software/ng2-bootstrap?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
-[![Dependency Status](https://david-dm.org/valor-software/ng2-file-upload.svg)](https://david-dm.org/valor-software/ng2-file-upload)
-[![devDependency Status](https://david-dm.org/valor-software/ng2-file-upload/dev-status.svg)](https://david-dm.org/valor-software/ng2-file-upload#info=devDependencies)
-[![Throughput Graph](https://graphs.waffle.io/valor-software/ng2-file-upload/throughput.svg)](https://waffle.io/valor-software/ng2-file-upload/metrics)
+[![Build Status](https://travis-ci.org/valor-software/ng2-chunk-file-upload.svg?branch=development)](https://travis-ci.org/valor-software/ng2-chunk-file-upload)
+[![Dependency Status](https://david-dm.org/valor-software/ng2-chunk-file-upload.svg)](https://david-dm.org/valor-software/ng2-chunk-file-upload)

 ## Quick start

-1. A recommended way to install ***ng2-file-upload*** is through [npm](https://www.npmjs.com/search?q=ng2-file-upload) package manager using the following command:
+1. A recommended way to install ***ng2-chunk-file-upload*** is through [npm](https://www.npmjs.com/search?q=ng2-chunk-file-upload) package manager using the following command:

-  `npm i ng2-file-upload --save`
+  `npm i ng2-chunk-file-upload --save`

-  Alternatively, you can [download it in a ZIP file](https://github.com/valor-software/ng2-file-upload/archive/master.zip).
+  Alternatively, you can [download it in a ZIP file](https://github.com/valor-software/ng2-chunk-file-upload/archive/master.zip).

-2. Currently `ng2-file-upload` contains two directives: `ng2-file-select` and `ng2-file-drop`. `ng2-file-select` is used for 'file-input' field of form and
+2. Currently `ng2-chunk-file-upload` contains two directives: `ng2-file-select` and `ng2-file-drop`. `ng2-file-select` is used for 'file-input' field of form and
  `ng2-file-drop` is used for area that will be used for dropping of file or files.

-3. More information regarding using of ***ng2-file-upload*** is located in
-  [demo](http://valor-software.github.io/ng2-file-upload/) and [demo sources](https://github.com/valor-software/ng2-file-upload/tree/master/demo).
+3. More information regarding using of ***ng2-chunk-file-upload*** is located in
+  [demo](http://valor-software.github.io/ng2-chunk-file-upload/) and [demo sources](https://github.com/valor-software/ng2-chunk-file-upload/tree/master/demo).
+  
+## Using ***ng2-chunk-file-upload*** in a project
+
+1. Install as shown in the above section.
+
+2. Import `FileUploadModule` into the module that declares the component using ***ng2-chunk-file-upload***:
+
+```import { FileUploadModule } from 'ng2-chunk-file-upload';```
+
+3. Add it to `[imports]` under `@NgModule`:
+
+```imports: [ ... FileUploadModule, ... ]```
+
+4. Import `FileUploader` into the component:
+
+```import {  FileUploader } from 'ng2-chunk-file-upload';```
+
+5. Create a variable for the API url:
+
+```const URL = 'path_to_api';```
+
+6. Initialize it:
+
+```public uploader:FileUploader = new FileUploader({url: URL}); ```

 ## API for `ng2FileSelect`

 ### 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)
+  - `uploader` - (`FileUploader`) - uploader object. See using in [demo](https://github.com/valor-software/ng2-chunk-file-upload/blob/master/demo/components/file-upload/simple-demo.ts)
+
+### Events
+ - `onFileSelected` - fires when files are selected and added to the uploader queue

 ## API for `ng2FileDrop`

 ### 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)
+  - `uploader` - (`FileUploader`) - uploader object. See using in [demo](https://github.com/valor-software/ng2-chunk-file-upload/blob/master/demo/components/file-upload/simple-demo.ts)

  Parameters supported by this object:

@@ -43,22 +64,92 @@ Follow me [![twitter](https://img.shields.io/twitter/follow/valorkin.svg?style=s
  2. `authToken` - Auth token that will be applied as 'Authorization' header during file send.
  3. `disableMultipart` - If 'true', disable using a multipart form for file upload and instead stream the file. Some APIs (e.g. Amazon S3) may expect the file to be streamed rather than sent via a form. Defaults to false.
  4. `itemAlias` - item alias (form name redefenition)
+  5. `formatDataFunction` - Function to modify the request body. 'DisableMultipart' must be 'true' for this function to be called.
+  6. `formatDataFunctionIsAsync` - Informs if the function sent in 'formatDataFunction' is asynchronous. Defaults to false.
+  7. `parametersBeforeFiles` - States if additional parameters should be appended before or after the file. Defaults to false.
+  8. `chunkSize` - The Size of each chunk in Bytes, if this parameter is set the file chunk upload functionality will run. Defaults to Null.
+  9. `currentChunkParam` - Parameter Sent with the chunk request, the current chunk number of the file. Defaults to 'current_chunk'.
+  10. `totalChunkParam` - Parameter Sent with the chunk request, the total number of chunks of the file. Defaults to 'total_chunks'.
+  11. `chunkMethod` - After the first chunk, this method is set. Defaults to 'PUT' because is the standard for update.
+  

 ### Events

  - `fileOver` - it fires during 'over' and 'out' events for Drop Area; returns `boolean`: `true` if file is over Drop Area, `false` in case of out.
-  See using in [ts demo](https://github.com/valor-software/ng2-file-upload/blob/master/demo/components/file-upload/simple-demo.ts) and
-  [html demo](https://github.com/valor-software/ng2-file-upload/blob/master/demo/components/file-upload/simple-demo.html)
+  See using in [ts demo](https://github.com/valor-software/ng2-chunk-file-upload/blob/master/demo/components/file-upload/simple-demo.ts) and
+  [html demo](https://github.com/valor-software/ng2-chunk-file-upload/blob/master/demo/components/file-upload/simple-demo.html)
+  - `onFileDrop` - it fires after a file has been dropped on a Drop Area; you can pass in `$event` to get the list of files that were dropped. i.e. `(onFileDrop)="dropped($event)"`

 # Troubleshooting

 Please follow this guidelines when reporting bugs and feature requests:

-1. Use [GitHub Issues](https://github.com/valor-software/ng2-file-upload/issues) board to report bugs and feature requests (not our email address)
+1. Use [GitHub Issues](https://github.com/valor-software/ng2-chunk-file-upload/issues) board to report bugs and feature requests (not our email address)
 2. Please **always** write steps to reproduce the error. That way we can focus on fixing the bug, not scratching our heads trying to reproduce it.

 Thanks for understanding!

+## Using/Sending Chunk Files Feature
+  
+  If you want to send the files chunked you can just set the chunk paramets on the uploader object
+
+  If your chunk request changes the link after the first request you should use this code
+  ```typescript
+  this.uploader.onCompleteChunk = (item,response,status,headers)=>{
+        response = JSON.parse(response);
+        if(response['id']){
+            item.url = YOUR_NEW_URL+response['id']+'/';
+        }
+    }
+  ```
+
+### Code snippet on how to use the Chunk File Feature on your code
+  ```typescript
+    ...
+    import { FileUploader } from 'ng2-chunk-file-upload';
+    ...
+    export class SimpleDemoComponent {
+      ...
+      uploader:FileUploader;
+      ...
+      constructor () {
+        ...
+          this.uploader = new FileUploader({
+            url: URL,
+            disableMultipart : false,
+            isHTML5: true,
+            chunkSize: (1024*1024), // 2MB
+            currentChunkParam: 'current_chunk',
+            totalChunkParam: 'total_chunks',
+            chunkMethod: 'PUT',
+            //authToken = 'JWT '+TOKEN,
+          });
+          this.uploader.onBeforeUploadItem = (item) => {
+              // If you use credentials this might help you with the "Access-Control-Allow-Origin" error
+              item.withCredentials = false;
+          };
+          this.uploader.onCompleteChunk = (item, response, status, headers) => {
+            //Insert the Logic here to start uploading next chunks
+            // Example, setting the ID of the File uploaded and chaning the link for the next request
+            // In my Case the API is using a put method with the link containing the PK of the object
+            response = JSON.parse(response);
+            if (response['id']) {
+                item.setId(response['id']);
+                item.url = this.media_url + item.getId() + '/';
+            }
+          };
+          this.uploader.onErrorItem = (item, response, status, headers) => {
+             // Treat the error on the upload
+             // On the chunk method we try to upload a chunk for 10 times before triggering this error
+          };
+          this.uploader.onRemoveItem = (item) => {
+             // Treat the file removal from the server
+          };
+        ...
+      }
+  ```
+
+
 ### License

-The MIT License (see the [LICENSE](https://github.com/valor-software/ng2-file-upload/blob/master/LICENSE) file for the full text)
+The MIT License (see the [LICENSE](https://github.com/valor-software/ng2-chunk-file-upload/blob/master/LICENSE) file for the full text)
--- a/angular-cli.json
+++ b/angular-cli.json
@@ -1,57 +0,0 @@
-{
-  "project": {
-    "name": "ng2-file-upload"
-  },
-  "apps": [
-    {
-      "root": "demo/src",
-      "outDir": "demo/dist",
-      "assets": [
-        "assets"
-      ],
-      "index": "index.html",
-      "main": "main.ts",
-      "test": "../../scripts/test.ts",
-      "tsconfig": "tsconfig.json",
-      "prefix": "",
-      "mobile": false,
-      "styles": [
-      ],
-      "scripts": [
-      ],
-      "environments": {
-        "source": "environments/environment.ts",
-        "dev": "environments/environment.ts",
-        "prod": "environments/environment.prod.ts"
-      }
-    }
-  ],
-  "addons": [],
-  "packages": [],
-  "e2e": {
-    "protractor": {
-      "config": "protractor.conf.js"
-    }
-  },
-  "test": {
-    "karma": {
-      "config": "karma.conf.js"
-    }
-  },
-  "defaults": {
-    "styleExt": "css",
-    "prefixInterfaces": false,
-    "inline": {
-      "style": false,
-      "template": false
-    },
-    "spec": {
-      "class": false,
-      "component": true,
-      "directive": true,
-      "module": false,
-      "pipe": true,
-      "service": true
-    }
-  }
-}
--- a/angular.json
+++ b/angular.json
@@ -0,0 +1,114 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "ng2-chunk-file-upload": {
+      "root": "",
+      "sourceRoot": "src",
+      "projectType": "application",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "outputPath": "demo/dist",
+            "index": "demo/src/index.html",
+            "main": "demo/src/main.ts",
+            "tsConfig": "demo/src/tsconfig.json",
+            "assets": [
+              "demo/src/assets"
+            ],
+            "styles": [],
+            "scripts": []
+          },
+          "configurations": {
+            "production": {
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "extractCss": true,
+              "namedChunks": false,
+              "aot": true,
+              "extractLicenses": true,
+              "vendorChunk": false,
+              "buildOptimizer": true,
+              "fileReplacements": [
+                {
+                  "replace": "demo/src/environments/environment.ts",
+                  "with": "demo/src/environments/environment.prod.ts"
+                }
+              ]
+            }
+          }
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "options": {
+            "browserTarget": "ng2-chunk-file-upload:build"
+          },
+          "configurations": {
+            "production": {
+              "browserTarget": "ng2-chunk-file-upload:build:production"
+            }
+          }
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "options": {
+            "browserTarget": "ng2-chunk-file-upload:build"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "demo/src/../../scripts/test.ts",
+            "karmaConfig": "karma.conf.js",
+            "scripts": [],
+            "styles": [],
+            "assets": [
+              "demo/src/assets"
+            ]
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [],
+            "exclude": []
+          }
+        }
+      }
+    },
+    "ng2-chunk-file-upload-e2e": {
+      "root": "",
+      "sourceRoot": "",
+      "projectType": "application",
+      "architect": {
+        "e2e": {
+          "builder": "@angular-devkit/build-angular:protractor",
+          "options": {
+            "protractorConfig": "protractor.conf.js",
+            "devServerTarget": "ng2-chunk-file-upload:serve"
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [],
+            "exclude": []
+          }
+        }
+      }
+    }
+  },
+  "defaultProject": "ng2-chunk-file-upload",
+  "schematics": {
+    "@schematics/angular:component": {
+      "prefix": "",
+      "styleext": "css"
+    },
+    "@schematics/angular:directive": {
+      "prefix": ""
+    }
+  }
+}
--- a/demo/src/app/app.component.ts
+++ b/demo/src/app/app.component.ts
@@ -3,41 +3,49 @@ import { Component } from '@angular/core';
 let gettingStarted = require('html-loader!markdown-loader!../getting-started.md');

@Component({
-  selector: 'app',
-  template: `
-  <main class="bd-pageheader">
-    <div class="container">
-      <h1>ng2-file-upload</h1>
-      <p>The Angular2 File Upload directives</p>
-      <a class="btn btn-primary" href="https://github.com/valor-software/ng2-file-upload">View on GitHub</a>
-      <div class="row">
-        <div class="col-lg-1"><iframe src="https://ghbtns.com/github-btn.html?user=valor-software&repo=ng2-file-upload&type=star&count=true" frameborder="0" scrolling="0" width="170px" height="20px"></iframe></div>
-        <div class="col-lg-1"><iframe src="https://ghbtns.com/github-btn.html?user=valor-software&repo=ng2-file-upload&type=fork&count=true" frameborder="0" scrolling="0" width="170px" height="20px"></iframe></div>
-      </div>
-    </div>
-  </main>
+	selector: 'app',
+	template: `
+	<main class="bd-pageheader">
+		<div class="container">
+		<h1>ng2-chunk-file-upload</h1>
+		<p>The Angular2 File Upload directives</p>
+		<a class="btn btn-primary" href="https://github.com/valor-software/ng2-chunk-file-upload">View on GitHub</a>
+		<div class="row">
+			<div class="col-lg-1">
+				<iframe src="https://ghbtns.com/github-btn.html?user=valor-software&repo=ng2-chunk-file-upload&type=star&count=true"
+				 frameborder="0" scrolling="0" width="170px" height="20px"></iframe>
+			</div>
+			<div class="col-lg-1">
+				<iframe src="https://ghbtns.com/github-btn.html?user=valor-software&repo=ng2-chunk-file-upload&type=fork&count=true"
+				 frameborder="0" scrolling="0" width="170px" height="20px"></iframe>
+			</div>
+		</div>
+		</div>
+	</main>

-  <div class="container">
-    <section id="getting-started" [innerHtml]="gettingStarted"></section>
+	<div class="container">
+		<section id="getting-started" [innerHtml]="gettingStarted"></section>

-    <file-upload-section class="col-md-12"></file-upload-section>
-  </div>
+		<file-upload-section class="col-md-12"></file-upload-section>
+	</div>

-  <footer class="footer">
-    <div class="container">
-      <p class="text-muted text-center"><a href="https://github.com/valor-software/ng2-file-upload">ng2-file-upload</a> is maintained by <a href="https://github.com/valor-software">valor-software</a>.</p>
-    </div>
-  </footer>
-  `
+	<footer class="footer">
+		<div class="container">
+		<p class="text-muted text-center">
+			<a href="https://github.com/valor-software/ng2-chunk-file-upload">ng2-chunk-file-upload</a>
+			 is maintained by <a href="https://github.com/valor-software">valor-software</a>.</p>
+		</div>
+	</footer>
+	`,
 })
 export class AppComponent {
-  public gettingStarted:string = gettingStarted;
-  public ngAfterContentInit(): any {
-    setTimeout(()=>{
-      if (typeof PR !== 'undefined') {
-        // google code-prettify
-        PR.prettyPrint();
-      }
-    }, 150);
-  }
+	public gettingStarted: string = gettingStarted;
+	public ngAfterContentInit(): any {
+		setTimeout(() => {
+			if (typeof PR !== 'undefined') {
+				// google code-prettify
+				PR.prettyPrint();
+			}
+		}, 150);
+	}
 }
--- a/demo/src/app/app.module.ts
+++ b/demo/src/app/app.module.ts
@@ -3,17 +3,25 @@ import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { BrowserModule } from '@angular/platform-browser';

-import { TabsModule } from 'ng2-bootstrap';
-import { FileUploadModule } from 'ng2-file-upload';
+import { TabsModule } from 'ngx-bootstrap/tabs';
+import { FileUploadModule } from '../../../src/file-upload/file-upload.module';

 import { AppComponent } from './app.component';
+
 import { FileUploadSectionComponent } from './components/file-upload-section';
 import { SimpleDemoComponent } from './components/file-upload/simple-demo';
+import { HttpModule } from '@angular/http';

@NgModule({
-  imports: [BrowserModule, CommonModule, FileUploadModule, TabsModule.forRoot(), FormsModule],
-  declarations: [AppComponent, FileUploadSectionComponent, SimpleDemoComponent],
-  bootstrap: [AppComponent]
+	imports: [
+		HttpModule,
+		BrowserModule,
+		CommonModule,
+		FileUploadModule,
+		TabsModule.forRoot(),
+		FormsModule,
+	],
+	declarations: [AppComponent, FileUploadSectionComponent, SimpleDemoComponent],
+	bootstrap: [AppComponent],
 })
-export class AppModule {
-}
+export class AppModule {}
--- a/demo/src/app/components/file-upload-section.ts
+++ b/demo/src/app/components/file-upload-section.ts
@@ -2,28 +2,28 @@ import { Component } from '@angular/core';

 let doc = require('html-loader!markdown-loader!../../doc.md');

-let tabDesc:Array<any> = [
-  {
-    heading: 'Simple',
-    ts: require('!!raw-loader?lang=typescript!./file-upload/simple-demo.ts'),
-    html: require('!!raw-loader?lang=markup!./file-upload/simple-demo.html'),
-    js: require('!!raw-loader?lang=javascript!./file-upload/file-catcher.js')
-  }
+let tabDesc: Array<any> = [
+	{
+		heading: 'Simple',
+		ts: require('!!raw-loader?lang=typescript!./file-upload/simple-demo.ts'),
+		html: require('!!raw-loader?lang=markup!./file-upload/simple-demo.html'),
+		js: require('!!raw-loader?lang=javascript!./file-upload/file-catcher.js')
+	}
 ];

@Component({
-  selector: 'file-upload-section',
-  templateUrl: './file-upload-section.html'
+	selector: 'file-upload-section',
+	templateUrl: './file-upload-section.html'
 })
 export class FileUploadSectionComponent {
-  public name:string = 'File Upload';
-  public currentHeading:string = 'Simple';
-  public doc:string = doc;
-  public tabs:any = tabDesc;
+	public name: string = 'File Upload';
+	public currentHeading: string = 'Simple';
+	public doc: string = doc;
+	public tabs: any = tabDesc;

-  public select(e:any):void {
-    if (e.heading) {
-      this.currentHeading = e.heading;
-    }
-  }
+	public select(e: any): void {
+		if (e.heading) {
+			this.currentHeading = e.heading;
+		}
+	}
 }
--- a/demo/src/app/components/file-upload/simple-demo.html
+++ b/demo/src/app/components/file-upload/simple-demo.html
@@ -61,8 +61,8 @@
                <tbody>
                <tr *ngFor="let item of uploader.queue">
                    <td><strong>{{ item?.file?.name }}</strong></td>
-                    <td *ngIf="uploader.isHTML5" nowrap>{{ item?.file?.size/1024/1024 | number:'.2' }} MB</td>
-                    <td *ngIf="uploader.isHTML5">
+                    <td *ngIf="uploader.options.isHTML5" nowrap>{{ item?.file?.size/1024/1024 | number:'.2' }} MB</td>
+                    <td *ngIf="uploader.options.isHTML5">
                        <div class="progress" style="margin-bottom: 0;">
                            <div class="progress-bar" role="progressbar" [ngStyle]="{ 'width': item.progress + '%' }"></div>
                        </div>
@@ -115,4 +115,16 @@

    </div>

+    <br><br>
+
+    <div class="row">
+        <div class="col-md-12">
+            <div class="panel panel-default">
+                <div class="panel-heading">Response</div>
+                <div class="panel-body">
+                  {{ response }}
+                </div>
+            </div>
+        </div>
+    </div>
 </div>
--- a/demo/src/app/components/file-upload/simple-demo.ts
+++ b/demo/src/app/components/file-upload/simple-demo.ts
@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { FileUploader } from 'ng2-file-upload';
+import { FileUploader } from 'ng2-chunk-file-upload';

 // const URL = '/api/';
 const URL = 'https://evening-anchorage-3159.herokuapp.com/api/';
@@ -9,9 +9,36 @@ const URL = 'https://evening-anchorage-3159.herokuapp.com/api/';
  templateUrl: './simple-demo.html'
 })
 export class SimpleDemoComponent {
-  public uploader:FileUploader = new FileUploader({url: URL});
-  public hasBaseDropZoneOver:boolean = false;
-  public hasAnotherDropZoneOver:boolean = false;
+
+  uploader:FileUploader;
+  hasBaseDropZoneOver:boolean;
+  hasAnotherDropZoneOver:boolean;
+  response:string;
+
+  constructor (){
+    this.uploader = new FileUploader({
+      url: URL,
+      disableMultipart: true, // 'DisableMultipart' must be 'true' for formatDataFunction to be called.
+      formatDataFunctionIsAsync: true,
+      formatDataFunction: async (item) => {
+        return new Promise( (resolve, reject) => {
+          resolve({
+            name: item._file.name,
+            length: item._file.size,
+            contentType: item._file.type,
+            date: new Date()
+          });
+        });
+      }
+    });
+
+    this.hasBaseDropZoneOver = false;
+    this.hasAnotherDropZoneOver = false;
+
+    this.response = '';
+
+    this.uploader.response.subscribe( res => this.response = res );
+  }

  public fileOverBase(e:any):void {
    this.hasBaseDropZoneOver = e;
--- a/demo/src/doc.md
+++ b/demo/src/doc.md
@@ -1,6 +1,6 @@
 ### Usage
 ```typescript
-import { FileSelectDirective, FileDropDirective, FileUploader } from 'ng2-file-upload/ng2-file-upload';
+import { FileSelectDirective, FileDropDirective, FileUploader } from 'ng2-chunk-file-upload/ng2-chunk-file-upload';
 ```

 ### Annotations
@@ -18,22 +18,30 @@ import { FileSelectDirective, FileDropDirective, FileUploader } from 'ng2-file-u

 ### 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)
+  - `uploader` - (`FileUploader`) - uploader object. See using in [demo](https://github.com/valor-software/ng2-chunk-file-upload/blob/master/demo/components/file-upload/simple-demo.ts)

  Parameters 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.
  3. `disableMultipart` - If 'true', disable using a multipart form for file upload and instead stream the file. Some APIs (e.g. Amazon S3) may expect the file to be streamed rather than sent via a form. Defaults to false.
+  4. `itemAlias` - item alias (form name redefenition)
+  5. `formatDataFunction` - Function to modify the request body. 'DisableMultipart' must be 'true' for this function to be called.
+  6. `formatDataFunctionIsAsync` - Informs if the function sent in 'formatDataFunction' is asynchronous. Defaults to false.
+  7. `parametersBeforeFiles` - States if additional parameters should be appended before or after the file. Defaults to false.
+
+### Events
+ - `onFileSelected` - fires when files are selected and added to the uploader queue

 ## FileDrop API

 ### 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)
+  - `uploader` - (`FileUploader`) - uploader object. See using in [demo](https://github.com/valor-software/ng2-chunk-file-upload/blob/master/demo/components/file-upload/simple-demo.ts)

 ### Events

  - `fileOver` - it fires during 'over' and 'out' events for Drop Area; returns `boolean`: `true` if file is over Drop Area, `false` in case of out.
-  See using in [ts demo](https://github.com/valor-software/ng2-file-upload/blob/master/demo/components/file-upload/simple-demo.ts) and
-  [html demo](https://github.com/valor-software/ng2-file-upload/blob/master/demo/components/file-upload/simple-demo.html)
+  See using in [ts demo](https://github.com/valor-software/ng2-chunk-file-upload/blob/master/demo/components/file-upload/simple-demo.ts) and
+  [html demo](https://github.com/valor-software/ng2-chunk-file-upload/blob/master/demo/components/file-upload/simple-demo.html)
+  - `onFileDrop` - it fires after a file has been dropped on a Drop Area; you can pass in `$event` to get the list of files that were dropped. i.e. `(onFileDrop)="dropped($event)"`
--- a/demo/src/getting-started.md
+++ b/demo/src/getting-started.md
@@ -6,5 +6,5 @@

 Install the components
 ```
-npm install ng2-file-upload --save
+npm install ng2-chunk-file-upload --save
 ```
--- a/demo/src/index.html
+++ b/demo/src/index.html
@@ -9,7 +9,7 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="icon" href="data:;base64,iVBORw0KGgo=">
-  <link rel="author" href="https://github.com/valor-software/ng2-file-upload/graphs/contributors">
+  <link rel="author" href="https://github.com/valor-software/ng2-chunk-file-upload/graphs/contributors">

  <!--link to bootstrap.css-->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
--- a/demo/src/tsconfig.json
+++ b/demo/src/tsconfig.json
@@ -1,22 +1,17 @@
 {
-  "compilerOptions": {
-    "declaration": false,
-    "emitDecoratorMetadata": true,
-    "experimentalDecorators": true,
-    "noEmitHelpers" :true,
-    "lib": ["es6", "dom"],
-    "types": [
-      "jasmine",
-      "webpack"
-    ],
-    "mapRoot": "./",
-    "module": "es6",
-    "moduleResolution": "node",
-    "outDir": "../temp/out-tsc",
-    "sourceMap": true,
-    "target": "es5",
-    "typeRoots": [
-      "../node_modules/@types"
-    ]
-  }
+    "compilerOptions": {
+        "declaration": false,
+        "emitDecoratorMetadata": true,
+        "experimentalDecorators": true,
+        "noEmitHelpers": false,
+        "lib": ["es6", "dom"],
+        "types": ["jasmine", "webpack"],
+        "mapRoot": "./",
+        "module": "es6",
+        "moduleResolution": "node",
+        "outDir": "../temp/out-tsc",
+        "sourceMap": true,
+        "target": "es5",
+        "typeRoots": ["../node_modules/@types"]
+    }
 }
--- a/demo/src/typings.d.ts
+++ b/demo/src/typings.d.ts
@@ -6,8 +6,8 @@ declare const ENV:string;
 // google code-prettify
 declare const PR:any;

-declare const require:any;
-declare const global:any;
+// declare const require:any;
+// declare const global:any;

 declare module jasmine {
  interface Matchers {
--- a/karma.conf.js
+++ b/karma.conf.js
@@ -6,31 +6,29 @@ const customLaunchers = require('./scripts/sauce-browsers').customLaunchers;
 module.exports = function (config) {
  const configuration = {
    basePath: '',
-    frameworks: ['jasmine', 'angular-cli'],
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
    plugins: [
      require('karma-jasmine'),
      require('karma-chrome-launcher'),
-      require('karma-remap-istanbul'),
-      require('angular-cli/plugins/karma')
+      require('karma-coverage-istanbul-reporter'),
+      require('@angular-devkit/build-angular/plugins/karma')
    ],
    files: [
      {pattern: './scripts/test.ts', watched: false}
    ],
    preprocessors: {
-      './scripts/test.ts': ['angular-cli']
+      './scripts/test.ts': ['@angular-devkit/build-angular']
    },
-    remapIstanbulReporter: {
-      reports: {
-        html: 'coverage',
-        lcovonly: './coverage/coverage.lcov'
-      }
+    coverageIstanbulReporter: {
+      dir: require('path').join(__dirname, 'coverage'), reports: [ 'html', 'lcovonly' ],
+      fixWebpackSourcePaths: false
    },
    angularCli: {
      config: './angular-cli.json',
      environment: 'dev'
    },
    reporters: config.angularCli && config.angularCli.codeCoverage
-      ? ['dots', 'karma-remap-istanbul']
+      ? ['dots', 'coverage-istanbul']
      : ['dots'],
    port: 9876,
    colors: true,
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -1,8 +1,8 @@
 {
-  "name": "ng2-file-upload-base",
-  "version": "1.2.0",
+  "name": "ng2-chunk-file-upload-base",
+  "version": "1.3.0",
  "private": true,
-  "description": "Angular file upload directives",
+  "description": "Angular file upload directives with Chunk Upload",
  "scripts": {
    "lite-server": "lite-server -c demo/bs-config.json",
    "demo.serve": "run-s build link demo.build lite-server",
@@ -22,7 +22,7 @@
    "test-coverage": "ng test -sr -cc",
    "version": "npm run flow.changelog && git add -A"
  },
-  "main": "bundles/ng2-file-upload.umd.js",
+  "main": "bundles/ng2-chunk-file-upload.umd.js",
  "module": "index.js",
  "typings": "index.d.ts",
  "keywords": [
@@ -31,89 +31,98 @@
    "angularjs",
    "twitter-bootstrap",
    "file-upload",
-    "angular-file-upload"
+    "angular-file-upload",
+    "chunk-file-upload",
+    "azure-blob-storage"
  ],
-  "author": "Vyacheslav Chub <vyacheslav.chub@valor-software.com>",
+  "author": "Paulo Peres Jr <paulo@myog.io>",
  "license": "MIT",
  "repository": {
    "type": "git",
-    "url": "git+ssh://git@github.com/valor-software/ng2-file-upload.git"
+    "url": "git+ssh://git@github.com/PauloPeres/ng2-chunk-file-upload.git"
  },
  "bugs": {
-    "url": "https://github.com/valor-software/ng2-file-upload/issues"
+    "url": "https://github.com/PauloPeres/ng2-chunk-file-upload/issues"
  },
-  "homepage": "https://github.com/valor-software/ng2-file-upload#readme",
+  "homepage": "https://github.com/PauloPeres/ng2-chunk-file-upload#readme",
  "dependencies": {},
  "peerDependencies": {
-    "@angular/common": "^2.3.0",
-    "@angular/core": "^2.3.0"
+    "@angular/common": "^4.3.0 || >=4.3.0",
+    "@angular/core": "^4.3.0 || >=4.3.0",
+    "@angular/http": "^4.3.0 || >=4.3.0"
  },
  "devDependencies": {
-    "@angular/common": "2.4.3",
-    "@angular/compiler": "2.4.3",
-    "@angular/compiler-cli": "2.4.3",
-    "@angular/core": "2.4.3",
-    "@angular/forms": "2.4.3",
-    "@angular/http": "2.4.3",
-    "@angular/language-service": "2.4.3",
-    "@angular/platform-browser": "2.4.3",
-    "@angular/platform-browser-dynamic": "2.4.3",
-    "@angular/router": "3.4.3",
-    "@angular/tsc-wrapped": "0.5.1",
-    "@ngtools/webpack": "1.2.3",
-    "@types/jasmine": "2.5.40",
-    "@types/marked": "0.0.28",
-    "@types/node": "7.0.0",
-    "@types/webpack": "^2.2.1",
-    "angular-cli": "1.0.0-beta.25.5",
-    "bootstrap": "3.3.7",
+    "@angular-devkit/build-angular": "~0.6.3",
+    "@angular/cdk": "^6.1.0",
+    "@angular/cli": "^6.0.3",
+    "@angular/common": "^6.0.1",
+    "@angular/compiler": "^6.0.1",
+    "@angular/compiler-cli": "^6.0.1",
+    "@angular/core": "^6.0.1",
+    "@angular/forms": "^6.0.1",
+    "@angular/http": "^6.0.1",
+    "@angular/language-service": "^6.0.1",
+    "@angular/material": "^6.1.0",
+    "@angular/platform-browser": "^6.0.1",
+    "@angular/platform-browser-dynamic": "^6.0.1",
+    "@angular/router": "^6.0.1",
+    "@angular/tsc-wrapped": "4.4.6",
+    "@types/jasmine": "2.8.7",
+    "@types/marked": "0.3.0",
+    "@types/node": "10.1.2",
+    "@types/webpack": "^4.4.0",
+    "ajv": "^6.0.0",
+    "bootstrap": "4.1.1",
    "chokidar-cli": "1.2.0",
-    "classlist-polyfill": "1.0.3",
-    "codecov": "1.0.1",
-    "codelyzer": "~2.0.0-beta.4",
-    "conventional-changelog-cli": "1.2.0",
-    "conventional-github-releaser": "1.1.3",
+    "classlist-polyfill": "1.2.0",
+    "codecov": "3.0.2",
+    "codelyzer": "~4.3.0",
+    "conventional-changelog-cli": "1.3.22",
+    "conventional-github-releaser": "2.0.2",
    "core-js": "^2.4.1",
-    "cpy": "5.0.0",
+    "cpy": "7.0.0",
    "cpy-cli": "1.0.1",
-    "del-cli": "0.2.1",
-    "gh-pages": "0.12.0",
+    "del-cli": "1.1.0",
+    "gh-pages": "1.1.0",
    "gitignore-to-glob": "0.3.0",
    "google-code-prettify": "1.0.5",
-    "html-loader": "0.4.4",
-    "jasmine": "2.5.3",
-    "jasmine-core": "2.5.2",
+    "html-loader": "0.5.5",
+    "jasmine": "3.1.0",
+    "jasmine-core": "3.1.0",
    "jasmine-data-provider": "2.2.0",
-    "jasmine-spec-reporter": "3.2.0",
-    "karma": "1.4.0",
+    "jasmine-spec-reporter": "4.2.1",
+    "jquery": "^1.9.1",
+    "karma": "2.0.2",
    "karma-chrome-launcher": "^2.0.0",
    "karma-cli": "^1.0.1",
+    "karma-coverage-istanbul-reporter": "^2.0.1",
    "karma-jasmine": "^1.0.2",
-    "karma-remap-istanbul": "0.4.0",
-    "karma-sauce-launcher": "1.1.0",
-    "lite-server": "2.2.2",
-    "lodash": "4.17.4",
-    "markdown-loader": "^0.1.7",
-    "marked": "0.3.6",
-    "ng2-bootstrap": "1.2.2",
-    "ng2-page-scroll": "4.0.0-beta.2",
-    "ngm-cli": "0.4.0",
+    "karma-remap-istanbul": "0.6.0",
+    "karma-sauce-launcher": "1.2.0",
+    "lite-server": "2.3.0",
+    "lodash": "4.17.10",
+    "markdown-loader": "^2.0.2",
+    "marked": "0.4.0",
+    "ngm-cli": "1.0.4",
+    "ngx-bootstrap": "3.0.0",
    "npm-run-all": "^4.0.1",
+    "popper.js": "^1.14.3",
    "pre-commit": "1.2.2",
-    "protractor": "5.0.0",
-    "reflect-metadata": "0.1.9",
-    "require-dir": "0.3.1",
-    "rxjs": "5.0.3",
-    "systemjs-builder": "0.15.34",
+    "protractor": "5.3.2",
+    "reflect-metadata": "0.1.12",
+    "require-dir": "1.0.0",
+    "rxjs": "^6.2.0",
+    "rxjs-compat": "^6.1.0",
+    "rxjs-tslint": "^0.1.4",
+    "systemjs-builder": "0.16.13",
    "ts-helpers": "^1.1.1",
-    "ts-node": "2.0.0",
-    "tslint": "4.3.1",
-    "tslint-config-valorsoft": "1.2.0",
-    "typedoc": "0.5.5",
-    "typescript": "2.1.5",
-    "wallaby-webpack": "0.0.30",
-    "webdriver-manager": "11.1.1",
-    "zone.js": "0.7.5"
+    "ts-node": "6.0.3",
+    "tslint": "5.10.0",
+    "typedoc": "0.11.1",
+    "typescript": "^2.7.2",
+    "wallaby-webpack": "3.9.8",
+    "webdriver-manager": "12.0.6",
+    "zone.js": "0.8.26"
  },
  "contributors": [
    {
@@ -135,6 +144,11 @@
      "name": "Oleksandr Telnov",
      "email": "otelnov@gmail.com",
      "url": "https://github.com/otelnov"
+    },
+    {
+      "name": "Paulo Peres Jr",
+      "email": "paulo@myog.io",
+      "url": "https://github.com/PauloPeres/"
    }
  ]
 }
--- a/scripts/typings.d.ts
+++ b/scripts/typings.d.ts
@@ -8,7 +8,7 @@ declare const ENV:string;
 // google code-prettify
 declare const PR:any;

-declare const global:any;
+// declare const global:any;

 declare module jasmine {
  interface Matchers {
--- a/src/file-upload/file-chunk.class.ts
+++ b/src/file-upload/file-chunk.class.ts
@@ -0,0 +1,242 @@
+export class FileChunk {
+	public stepSize: number = 1024 * 1024 * 3;
+	public rawFile: any = null;
+	public uploadProgress: number = null;
+	public uploading: boolean = null;
+	public uploadComplete: boolean = null;
+	public byteStepSize: number = null;
+	public totalSize: number = null;
+	public startByte: number = null;
+	public endByte: number = null;
+	public currentChunk: number = 0;
+	public totalChunks: number = null;
+	public uniqueIdentifier: string = null;
+	public totalSent: number = null;
+	public extraData: any = {};
+
+	constructor(rawFile: any, options: any = {}) {
+		this.setByteStepSize(this.stepSize);
+		if (typeof options !== 'undefined') {
+			if (typeof options.byteStepSize !== 'undefined') {
+				this.setByteStepSize(options.byteStepSize);
+			}
+		}
+		this.setRawFile(rawFile);
+
+		this.setRawFile(rawFile);
+		this.setUploadProgress(0);
+		this.setUploading(false);
+		this.setUploadComplete(false);
+		this.setTotalSize(this.getRawFile().size);
+		this.setStartByte(0);
+		this.setEndByte(this.getByteStepSize());
+		this.setCurrentChunk(0);
+		if (!this.getBrowserSliceMethod()) {
+			this.setTotalChunks(1);
+		} else {
+			this.setTotalChunks(Math.ceil(this.totalSize / this.byteStepSize));
+		}
+		this.setUniqueIdenfier(this.generateUniqueIdentifier());
+		this.setTotalSent(0);
+	}
+
+	public setExtraData(index: any, value: any) {
+		this.extraData[index] = value;
+	}
+
+	public getExtraData(index: any) {
+		return this.extraData[index];
+	}
+
+	//getters and setters
+	public setProgress(v: number) {
+		this.uploadProgress = v;
+	}
+
+	public getProgress():number {
+		return this.uploadProgress;
+	}
+
+	public setUploading(v: boolean) {
+		this.uploading = v;
+	}
+
+	public getUploading():boolean {
+		return this.uploading;
+	}
+
+	public getUploadComplete():boolean {
+		return this.uploadComplete;
+	}
+
+	public setUploadComplete(v: boolean) {
+		this.uploadComplete = v;
+	}
+
+	public setUploadProgress(v: number) {
+		this.uploadProgress = v;
+	}
+
+	public getUploadProgress():number {
+		return this.uploadProgress;
+	}
+
+	public getStartByte():number {
+		return this.startByte;
+	}
+
+	public setStartByte(v: number) {
+		this.startByte = v;
+	}
+
+	public getEndByte():number {
+		return this.endByte;
+	}
+
+	public setEndByte(v: number) {
+		this.endByte = v;
+	}
+
+	public getByteStepSize():number {
+		return this.byteStepSize;
+	}
+
+	public setByteStepSize(v: number) {
+		this.byteStepSize = v;
+	}
+
+	public setTotalSize(v: number) {
+		this.totalSize = v;
+	}
+
+	public getTotalSize():number {
+		return this.totalSize;
+	}
+
+	public getRawFile():any {
+		return this.rawFile;
+	}
+
+	public setRawFile(v: File) {
+		this.rawFile = v;
+	}
+
+	public getCurrentChunk():number {
+		return this.currentChunk;
+	}
+
+	public setCurrentChunk(v: number) {
+		this.currentChunk = v;
+	}
+
+	public getTotalChunks():number {
+		return this.totalChunks;
+	}
+
+	public setTotalChunks(v: number) {
+		this.totalChunks = v;
+	}
+
+	public setUniqueIdenfier(v: string) {
+		this.uniqueIdentifier = v;
+	}
+
+	public getUniqueIdenfier():string {
+		return this.uniqueIdentifier;
+	}
+
+	public getRawFileExtension() {
+		const extension = this.getRawFileName().split('.');
+		return extension[extension.length - 1];
+	}
+
+	public getRawFileName() {
+		return this.getRawFile().name;
+	}
+
+	public getContentType() {
+		return this.getRawFile().type;
+	}
+
+	public getTotalSent() {
+		return this.totalSent;
+	}
+
+	public setTotalSent(v: number) {
+		this.totalSent = v;
+	}
+
+	public getCurrentRawFileChunk() {
+		if (!this.getBrowserSliceMethod()) {
+			return this.getRawFile();
+		}
+		else {
+			return this.getRawFile()[this.getBrowserSliceMethod()](this.getStartByte(), this.getEndByte());
+		}
+	}
+
+	public retrocedeChunk() {
+		if (!this.getBrowserSliceMethod()) {
+			return false;
+		}
+
+		this.setEndByte(this.getStartByte());
+		this.setStartByte(this.getStartByte() - this.getByteStepSize());
+		this.setCurrentChunk(this.getCurrentChunk() - 1);
+
+		if (this.getTotalSent() != 0) {
+			this.setTotalSent(this.getTotalSent() - this.getByteStepSize());
+		}
+	}
+
+	public prepareNextChunk() {
+		if (!this.getBrowserSliceMethod()) {
+			return false;
+		}
+		if (this.getEndByte() > this.getTotalSize() && this.getCurrentChunk() < this.getTotalChunks()) { // finished
+			return false;
+		}
+		this.setStartByte(this.getEndByte());
+		this.setEndByte(this.getEndByte() + this.getByteStepSize());
+		this.setCurrentChunk(this.getCurrentChunk() + 1);
+		if (this.getEndByte() > this.getTotalSize() && this.getCurrentChunk() === this.getTotalChunks()) {
+			// something went wrong with the calculations
+			this.setEndByte(this.getTotalSize());
+		}
+		return true;
+	}
+
+	public getBrowserSliceMethod(): string {
+		if (this.rawFile && typeof this.rawFile !== 'undefined') {
+			if (this.rawFile.slice && typeof this.rawFile.slice === 'function') {
+				return 'slice';
+			}
+			else if (this.rawFile.mozSlice && typeof this.rawFile.mozSlice === 'function') {
+				return 'mozSlice';
+			}
+			else if (this.rawFile.webkitSlice && typeof this.rawFile.webkitSlice === 'function') {
+				return 'webkitSlice';
+			}
+		}
+		else {
+			return null;
+		}
+	}//getBrowserSliceMethod() ends here
+
+	public generateUniqueIdentifier(): string {
+		let d = new Date().getTime();
+		if (typeof performance !== 'undefined' && typeof performance.now === 'function') {
+			d += performance.now(); // use high-precision timer if available
+		}
+		return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+			const r = (d + Math.random() * 16) % 16 | 0;
+			d = Math.floor(d / 16);
+			return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);
+		});
+	}
+
+}
+
+
+
+
--- a/src/file-upload/file-drop.directive.ts
+++ b/src/file-upload/file-drop.directive.ts
@@ -1,95 +1,86 @@
 import { Directive, EventEmitter, ElementRef, HostListener, Input, Output } from '@angular/core';

-import { FileUploader } from './file-uploader.class';
+import { FileUploader, FileUploaderOptions } from './file-uploader.class';

-@Directive({selector: '[ng2FileDrop]'})
+@Directive({ selector: '[ng2FileDrop]' })
 export class FileDropDirective {
-  @Input() public uploader:FileUploader;
-  @Output() public fileOver:EventEmitter<any> = new EventEmitter();
-  @Output() public onFileDrop:EventEmitter<File[]> = new EventEmitter<File[]>();
+	@Input() public uploader: FileUploader;
+	@Output() public fileOver: EventEmitter<any> = new EventEmitter();
+	@Output() public onFileDrop: EventEmitter<File[]> = new EventEmitter<File[]>();

-  protected element:ElementRef;
+	protected element: ElementRef;

-  public constructor(element:ElementRef) {
-    this.element = element;
-  }
+	public constructor(element: ElementRef) {
+		this.element = element;
+	}

-  public getOptions():any {
-    return this.uploader.options;
-  }
+	public getOptions(): FileUploaderOptions {
+		return this.uploader.options;
+	}

-  public getFilters():any {
-    return {};
-  }
+	public getFilters(): any {
+		return {};
+	}

-  @HostListener('drop', ['$event'])
-  public onDrop(event:any):void {
-    let transfer = this._getTransfer(event);
-    if (!transfer) {
-      return;
-    }
+	@HostListener('drop', ['$event'])
+	public onDrop(event: any): void {
+		let transfer = this._getTransfer(event);
+		if (!transfer) {
+			return;
+		}

-    let options = this.getOptions();
-    let filters = this.getFilters();
-    this._preventAndStop(event);
-    this.uploader.addToQueue(transfer.files, options, filters);
-    this.fileOver.emit(false);
-    this.onFileDrop.emit(transfer.files);
-  }
+		let options = this.getOptions();
+		let filters = this.getFilters();
+		this._preventAndStop(event);
+		this.uploader.addToQueue(transfer.files, options, filters);
+		this.fileOver.emit(false);
+		this.onFileDrop.emit(transfer.files);
+	}

-  @HostListener('dragover', ['$event'])
-  public onDragOver(event:any):void {
-    let transfer = this._getTransfer(event);
-    if (!this._haveFiles(transfer.types)) {
-      return;
-    }
+	@HostListener('dragover', ['$event'])
+	public onDragOver(event: any): void {
+		let transfer = this._getTransfer(event);
+		if (!this._haveFiles(transfer.types)) {
+			return;
+		}

-    transfer.dropEffect = 'copy';
-    this._preventAndStop(event);
-    this.fileOver.emit(true);
-  }
+		transfer.dropEffect = 'copy';
+		this._preventAndStop(event);
+		this.fileOver.emit(true);
+	}

-  @HostListener('dragleave', ['$event'])
-  public onDragLeave(event:any):any {
-    if ((this as any).element) {
-      if (event.currentTarget === (this as any).element[0]) {
-        return;
-      }
-    }
+	@HostListener('dragleave', ['$event'])
+	public onDragLeave(event: any): any {
+		if ((this as any).element) {
+			if (event.currentTarget === (this as any).element[0]) {
+				return;
+			}
+		}

-    this._preventAndStop(event);
-    this.fileOver.emit(false);
-  }
+		this._preventAndStop(event);
+		this.fileOver.emit(false);
+	}

-  protected _getTransfer(event:any):any {
-    return event.dataTransfer ? event.dataTransfer : event.originalEvent.dataTransfer; // jQuery fix;
-  }
+	protected _getTransfer(event: any): any {
+		return event.dataTransfer ? event.dataTransfer : event.originalEvent.dataTransfer; // jQuery fix;
+	}

-  protected _preventAndStop(event:any):any {
-    event.preventDefault();
-    event.stopPropagation();
-  }
+	protected _preventAndStop(event: any): any {
+		event.preventDefault();
+		event.stopPropagation();
+	}

-  protected _haveFiles(types:any):any {
-    if (!types) {
-      return false;
-    }
+	protected _haveFiles(types: any): any {
+		if (!types) {
+			return false;
+		}

-    if (types.indexOf) {
-      return types.indexOf('Files') !== -1;
-    } else if (types.contains) {
-      return types.contains('Files');
-    } else {
-      return false;
-    }
-  }
-
-  /*
-   _addOverClass(item:any):any {
-   item.addOverClass();
-   }
-
-   _removeOverClass(item:any):any {
-   item.removeOverClass();
-   }*/
+		if (types.indexOf) {
+			return types.indexOf('Files') !== -1;
+		} else if (types.contains) {
+			return types.contains('Files');
+		} else {
+			return false;
+		}
+	}
 }
--- a/src/file-upload/file-item.class.ts
+++ b/src/file-upload/file-item.class.ts
@@ -1,154 +1,210 @@
+import { HttpHeaders } from '@angular/common/http';
 import { FileLikeObject } from './file-like-object.class';
-import { FileUploader, ParsedResponseHeaders, FileUploaderOptions } from './file-uploader.class';
-
+import { FileUploader, FileUploaderOptions } from './file-uploader.class';
+import { FileChunk } from './file-chunk.class'
 export class FileItem {
-  public file:FileLikeObject;
-  public _file:File;
-  public alias:string;
-  public url:string = '/';
-  public method:string;
-  public headers:any = [];
-  public withCredentials:boolean = true;
-  public formData:any = [];
-  public isReady:boolean = false;
-  public isUploading:boolean = false;
-  public isUploaded:boolean = false;
-  public isSuccess:boolean = false;
-  public isCancel:boolean = false;
-  public isError:boolean = false;
-  public progress:number = 0;
-  public index:number = void 0;
-  public _xhr:XMLHttpRequest;
-  public _form:any;
+	public file: FileLikeObject;
+	public _file: File;
+	public id: any;
+	public alias: string;
+	public url: string = '/';
+	public method: string;
+	public headers: any = [];
+	public withCredentials: boolean = true;
+	public formData: any = [];
+	public isReady: boolean = false;
+	public isUploading: boolean = false;
+	public isUploaded: boolean = false;
+	public isSuccess: boolean = false;
+	public isCancel: boolean = false;
+	public isError: boolean = false;
+	public isRemoving: boolean = false;
+	public progress: number = 0;
+	public index: number = void 0;
+	public downloadUrl?: string = null;
+	public _form: any;
+	public _fileChunks: FileChunk;
+	
+	protected chunkTotalRetries = 10;
+	protected chunkRetries = 0;
+	protected uploader: FileUploader;
+	protected some: File;
+	protected options: FileUploaderOptions;

-  protected uploader:FileUploader;
-  protected some:File;
-  protected options:FileUploaderOptions;
+	public constructor(uploader: FileUploader, some: File, options: FileUploaderOptions) {
+		this.uploader = uploader;
+		this.some = some;
+		this.options = options;
+		this.file = new FileLikeObject(some);
+		this._file = some;

-  public constructor(uploader:FileUploader, some:File, options:FileUploaderOptions) {
-    this.uploader = uploader;
-    this.some = some;
-    this.options = options;
-    this.file = new FileLikeObject(some);
-    this._file = some;
-    if (uploader.options) {
-      this.method = uploader.options.method || 'POST';
-      this.alias = uploader.options.itemAlias || 'file';
-    }
-    this.url = uploader.options.url;
-  }
+		if (uploader.options) {
+			this.method = uploader.options.method || 'POST';
+			this.alias = uploader.options.itemAlias || 'file';
+		}
+		this.url = uploader.options.url;
+	}
+	public upload(): void {
+		try {
+			this.uploader.uploadItem(this);
+		} catch (e) {
+			this.uploader._onCompleteItem(this, '', 0, new HttpHeaders());
+			this.uploader._onErrorItem(this, '', 0, new HttpHeaders());
+		}
+	}
+	public createFileChunk(chunkSize: number): void {
+		this.fileChunks = new FileChunk(this._file, { byteStepSize: chunkSize });
+	}
+	public getCurrentChunkFile(): any {
+		return this.fileChunks.getCurrentRawFileChunk();
+	}
+	public prepareNextChunk(): void {
+		this.fileChunks.prepareNextChunk();
+	}
+	public getCurrentChunk(): number {
+		return this.fileChunks.getCurrentChunk()
+	}
+	public getTotalChunks(): number {
+		return this.fileChunks.getTotalChunks()
+	}
+	public setIsUploading(val: boolean) {
+		this.isUploading = val;
+		if (this.fileChunks) {
+			this.fileChunks.setUploading(val)
+		}
+	}
+	public set fileChunks(val: FileChunk) {
+		this._fileChunks = val;
+	}
+	public get fileChunks(): FileChunk {
+		return this._fileChunks;
+	}
+	public getId(): any {
+		return this.id;
+	}
+	public setId(id: any) {
+		this.id = id;
+	}
+	public cancel(): void {
+		this.uploader.cancelItem(this);
+	}
+	public remove(): void {
+		this.uploader.removeFromQueue(this);
+	}
+	public removeOnline(): void {
+		this.isRemoving = true;
+		this.uploader.uploaderService.deleteEntry(this,{},true).subscribe(
+			(result:any) => {
+				this.isRemoving = false;
+				this.remove();
+			},
+			(error:any) => {
+				this.isRemoving = false;
+			}
+		);
+	}
+	public onBeforeUpload(): void {
+		return void 0;
+	}
+	public onBuildForm(form: any): any {
+		return { form };
+	}
+	public onProgress(progress: number): any {
+		return { progress };
+	}
+	public onSuccess(response: string, status: number, headers: HttpHeaders): any {
+		return { response, status, headers };
+	}
+	public onError(response: string, status: number, headers: HttpHeaders): any {
+		return { response, status, headers };
+	}
+	public onCancel(): any {
+		return {};
+	}
+	public onComplete(response: string, status: number, headers: HttpHeaders): any {
+		return { response, status, headers };
+	}
+	public onCompleteChunk(response: string, status: number, headers: HttpHeaders): any {
+		return { response, status, headers };
+	}
+	public _onBeforeUpload(): void {
+		this.isReady = true;
+		this.isUploading = true;
+		this.isUploaded = false;
+		this.isSuccess = false;
+		this.isCancel = false;
+		this.isError = false;
+		this.progress = 0;
+		this.onBeforeUpload();
+	}
+	public _onBuildForm(form: any): void {
+		this.onBuildForm(form);
+	}
+	public _onProgress(progress: number): void {
+		this.progress = progress;
+		this.onProgress(progress);
+	}
+	public _onSuccess(response: string, status: number, headers: HttpHeaders): void {
+		this.isReady = false;
+		this.isUploading = false;
+		this.isUploaded = true;
+		this.isSuccess = true;
+		this.isCancel = false;
+		this.isError = false;
+		this.progress = 100;
+		this.index = void 0;
+		this.onSuccess(response, status, headers);
+	}
+	public _onError(response: string, status: number, headers: HttpHeaders): void {
+		this.isReady = false;
+		this.isUploading = false;
+		this.isUploaded = true;
+		this.isSuccess = false;
+		this.isCancel = false;
+		this.isError = true;
+		this.progress = 0;
+		this.index = void 0;
+		this.onError(response, status, headers);
+	}
+	public _onCancel(): void {
+		this.isReady = false;
+		this.isUploading = false;
+		this.isUploaded = false;
+		this.isSuccess = false;
+		this.isCancel = true;
+		this.isError = false;
+		this.progress = 0;
+		this.index = void 0;
+		this.onCancel();
+	}
+	public _onComplete(response: string, status: number, headers: HttpHeaders): void {
+		this.onComplete(response, status, headers);

-  public upload():void {
-    try {
-      this.uploader.uploadItem(this);
-    } catch (e) {
-      this.uploader._onCompleteItem(this, '', 0, {});
-      this.uploader._onErrorItem(this, '', 0, {});
-    }
-  }
-
-  public cancel():void {
-    this.uploader.cancelItem(this);
-  }
-
-  public remove():void {
-    this.uploader.removeFromQueue(this);
-  }
-
-  public onBeforeUpload():void {
-    return void 0;
-  }
-
-  public onBuildForm(form:any):any {
-    return {form};
-  }
-
-  public onProgress(progress:number):any {
-    return {progress};
-  }
-
-  public onSuccess(response:string, status:number, headers:ParsedResponseHeaders):any {
-    return {response, status, headers};
-  }
-
-  public onError(response:string, status:number, headers:ParsedResponseHeaders):any {
-    return {response, status, headers};
-  }
-
-  public onCancel(response:string, status:number, headers:ParsedResponseHeaders):any {
-    return {response, status, headers};
-  }
-
-  public onComplete(response:string, status:number, headers:ParsedResponseHeaders):any {
-    return {response, status, headers};
-  }
-
-  public _onBeforeUpload():void {
-    this.isReady = true;
-    this.isUploading = true;
-    this.isUploaded = false;
-    this.isSuccess = false;
-    this.isCancel = false;
-    this.isError = false;
-    this.progress = 0;
-    this.onBeforeUpload();
-  }
-
-  public _onBuildForm(form:any):void {
-    this.onBuildForm(form);
-  }
-
-  public _onProgress(progress:number):void {
-    this.progress = progress;
-    this.onProgress(progress);
-  }
-
-  public _onSuccess(response:string, status:number, headers:ParsedResponseHeaders):void {
-    this.isReady = false;
-    this.isUploading = false;
-    this.isUploaded = true;
-    this.isSuccess = true;
-    this.isCancel = false;
-    this.isError = false;
-    this.progress = 100;
-    this.index = void 0;
-    this.onSuccess(response, status, headers);
-  }
-
-  public _onError(response:string, status:number, headers:ParsedResponseHeaders):void {
-    this.isReady = false;
-    this.isUploading = false;
-    this.isUploaded = true;
-    this.isSuccess = false;
-    this.isCancel = false;
-    this.isError = true;
-    this.progress = 0;
-    this.index = void 0;
-    this.onError(response, status, headers);
-  }
-
-  public _onCancel(response:string, status:number, headers:ParsedResponseHeaders):void {
-    this.isReady = false;
-    this.isUploading = false;
-    this.isUploaded = false;
-    this.isSuccess = false;
-    this.isCancel = true;
-    this.isError = false;
-    this.progress = 0;
-    this.index = void 0;
-    this.onCancel(response, status, headers);
-  }
-
-  public _onComplete(response:string, status:number, headers:ParsedResponseHeaders):void {
-    this.onComplete(response, status, headers);
-
-    if (this.uploader.options.removeAfterUpload) {
-      this.remove();
-    }
-  }
-
-  public _prepareToUploading():void {
-    this.index = this.index || ++this.uploader._nextIndex;
-    this.isReady = true;
-  }
+		if (this.uploader.options.removeAfterUpload) {
+			this.remove();
+		}
+	}
+	public _onCompleteChunk(response: string, status: number, headers: HttpHeaders): void {
+		this.chunkRetries = 0;
+		this._onCompleteChunkCallNext();
+		this.onCompleteChunk(response, status, headers);
+	}
+	public _onCompleteChunkCallNext(): void {
+		this.uploader.uploaderService.uploadFile(this,this.uploader.options);
+		this.prepareNextChunk()
+	}
+	public _onErrorChunk(response: string, status: number, headers: HttpHeaders): void {
+		if (this.chunkRetries > this.chunkTotalRetries) {
+			this.uploader.onErrorItem(this, response, status, headers);
+			this.uploader.onCompleteItem(this, response, status, headers);
+		} else {
+			this.chunkRetries++;
+			this.fileChunks.retrocedeChunk();
+			this._onCompleteChunkCallNext();
+		}
+	}
+	public _prepareToUploading(): void {
+		this.index = this.index || ++this.uploader._nextIndex;
+		this.isReady = true;
+	}
 }
--- a/src/file-upload/file-like-object.class.ts
+++ b/src/file-upload/file-like-object.class.ts
@@ -1,32 +1,33 @@
-function isElement(node:any):boolean {
-  return !!(node && (node.nodeName || node.prop && node.attr && node.find));
+function isElement(node: any): boolean {
+	return !!(node && (node.nodeName || node.prop && node.attr && node.find));
 }

 export class FileLikeObject {
-  public lastModifiedDate:any;
-  public size:any;
-  public type:string;
-  public name:string;
+	public lastModifiedDate: any;
+	public size: any;
+	public type: string;
+	public name: string;
+	public rawFile: string;

-  public constructor(fileOrInput:any) {
-    let isInput = isElement(fileOrInput);
-    let fakePathOrObject = isInput ? fileOrInput.value : fileOrInput;
-    let postfix = typeof fakePathOrObject === 'string' ? 'FakePath' : 'Object';
-    let method = '_createFrom' + postfix;
-    (this as any)[method](fakePathOrObject);
-  }
+	public constructor(fileOrInput: any) {
+		this.rawFile = fileOrInput;
+		let isInput = isElement(fileOrInput);
+		let fakePathOrObject = isInput ? fileOrInput.value : fileOrInput;
+		let postfix = typeof fakePathOrObject === 'string' ? 'FakePath' : 'Object';
+		let method = '_createFrom' + postfix;
+		(this as any)[method](fakePathOrObject);
+	}

-  public _createFromFakePath(path:string):void {
-    this.lastModifiedDate = void 0;
-    this.size = void 0;
-    this.type = 'like/' + path.slice(path.lastIndexOf('.') + 1).toLowerCase();
-    this.name = path.slice(path.lastIndexOf('/') + path.lastIndexOf('\\') + 2);
-  }
+	public _createFromFakePath(path: string): void {
+		this.lastModifiedDate = void 0;
+		this.size = void 0;
+		this.type = 'like/' + path.slice(path.lastIndexOf('.') + 1).toLowerCase();
+		this.name = path.slice(path.lastIndexOf('/') + path.lastIndexOf('\\') + 2);
+	}

-  public _createFromObject(object:{size:number, type:string, name:string}):void {
-    // this.lastModifiedDate = copy(object.lastModifiedDate);
-    this.size = object.size;
-    this.type = object.type;
-    this.name = object.name;
-  }
+	public _createFromObject(object: { size: number, type: string, name: string }): void {
+		this.size = object.size;
+		this.type = object.type;
+		this.name = object.name;
+	}
 }
--- a/src/file-upload/file-select.directive.ts
+++ b/src/file-upload/file-select.directive.ts
@@ -1,46 +1,41 @@
-import { Directive, ElementRef, Input, HostListener } from '@angular/core';
+import { Directive, EventEmitter, ElementRef, Input, HostListener, Output } from '@angular/core';

 import { FileUploader } from './file-uploader.class';

-// todo: filters
-
-@Directive({selector: '[ng2FileSelect]'})
+@Directive({ selector: '[ng2FileSelect]' })
 export class FileSelectDirective {
-  @Input() public uploader:FileUploader;
+	@Input() public uploader: FileUploader;
+	@Output() public onFileSelected: EventEmitter<File[]> = new EventEmitter<File[]>();

-  protected element:ElementRef;
+	protected element: ElementRef;

-  public constructor(element:ElementRef) {
-    this.element = element;
-  }
+	public constructor(element: ElementRef) {
+		this.element = element;
+	}

-  public getOptions():any {
-    return this.uploader.options;
-  }
+	public getOptions(): any {
+		return this.uploader.options;
+	}

-  public getFilters():any {
-    return void 0;
-  }
+	public getFilters(): any {
+		return {};
+	}

-  public isEmptyAfterSelection():boolean {
-    return !!this.element.nativeElement.attributes.multiple;
-  }
+	public isEmptyAfterSelection(): boolean {
+		return !!this.element.nativeElement.attributes.multiple;
+	}

-  @HostListener('change')
-  public onChange():any {
-    // let files = this.uploader.isHTML5 ? this.element.nativeElement[0].files : this.element.nativeElement[0];
-    let files = this.element.nativeElement.files;
-    let options = this.getOptions();
-    let filters = this.getFilters();
+	@HostListener('change')
+	public onChange(): any {
+		let files = this.element.nativeElement.files;
+		let options = this.getOptions();
+		let filters = this.getFilters();

-    // if(!this.uploader.isHTML5) this.destroy();
+		this.uploader.addToQueue(files, options, filters);
+		this.onFileSelected.emit(files);

-    this.uploader.addToQueue(files, options, filters);
-    if (this.isEmptyAfterSelection()) {
-      // todo
-      this.element.nativeElement.value = '';
-      /*this.element.nativeElement
-       .replaceWith(this.element = this.element.nativeElement.clone(true)); // IE fix*/
-    }
-  }
+		if (this.isEmptyAfterSelection()) {
+			this.element.nativeElement.value = '';
+		}
+	}
 }
--- a/src/file-upload/file-type.class.ts
+++ b/src/file-upload/file-type.class.ts
@@ -1,154 +1,164 @@
+import { FileLikeObject } from "../ng2-chunk-file-upload";
+
 export class FileType {
-  /*  MS office  */
-  public static mime_doc:string[] = [
-    'application/msword',
-    'application/msword',
-    'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
-    'application/vnd.openxmlformats-officedocument.wordprocessingml.template',
-    'application/vnd.ms-word.document.macroEnabled.12',
-    'application/vnd.ms-word.template.macroEnabled.12'
-  ];
-  public static mime_xsl:string[] = [
-    'application/vnd.ms-excel',
-    'application/vnd.ms-excel',
-    'application/vnd.ms-excel',
-    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
-    'application/vnd.openxmlformats-officedocument.spreadsheetml.template',
-    'application/vnd.ms-excel.sheet.macroEnabled.12',
-    'application/vnd.ms-excel.template.macroEnabled.12',
-    'application/vnd.ms-excel.addin.macroEnabled.12',
-    'application/vnd.ms-excel.sheet.binary.macroEnabled.12'
-  ];
-  public static mime_ppt:string[] = [
-    'application/vnd.ms-powerpoint',
-    'application/vnd.ms-powerpoint',
-    'application/vnd.ms-powerpoint',
-    'application/vnd.ms-powerpoint',
-    'application/vnd.openxmlformats-officedocument.presentationml.presentation',
-    'application/vnd.openxmlformats-officedocument.presentationml.template',
-    'application/vnd.openxmlformats-officedocument.presentationml.slideshow',
-    'application/vnd.ms-powerpoint.addin.macroEnabled.12',
-    'application/vnd.ms-powerpoint.presentation.macroEnabled.12',
-    'application/vnd.ms-powerpoint.presentation.macroEnabled.12',
-    'application/vnd.ms-powerpoint.slideshow.macroEnabled.12'
-  ];
+	/*  MS office  */
+	public static mime_doc: string[] = [
+		'application/msword',
+		'application/msword',
+		'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+		'application/vnd.openxmlformats-officedocument.wordprocessingml.template',
+		'application/vnd.ms-word.document.macroEnabled.12',
+		'application/vnd.ms-word.template.macroEnabled.12'
+	];
+	public static mime_xsl: string[] = [
+		'application/vnd.ms-excel',
+		'application/vnd.ms-excel',
+		'application/vnd.ms-excel',
+		'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+		'application/vnd.openxmlformats-officedocument.spreadsheetml.template',
+		'application/vnd.ms-excel.sheet.macroEnabled.12',
+		'application/vnd.ms-excel.template.macroEnabled.12',
+		'application/vnd.ms-excel.addin.macroEnabled.12',
+		'application/vnd.ms-excel.sheet.binary.macroEnabled.12'
+	];
+	public static mime_ppt: string[] = [
+		'application/vnd.ms-powerpoint',
+		'application/vnd.ms-powerpoint',
+		'application/vnd.ms-powerpoint',
+		'application/vnd.ms-powerpoint',
+		'application/vnd.openxmlformats-officedocument.presentationml.presentation',
+		'application/vnd.openxmlformats-officedocument.presentationml.template',
+		'application/vnd.openxmlformats-officedocument.presentationml.slideshow',
+		'application/vnd.ms-powerpoint.addin.macroEnabled.12',
+		'application/vnd.ms-powerpoint.presentation.macroEnabled.12',
+		'application/vnd.ms-powerpoint.presentation.macroEnabled.12',
+		'application/vnd.ms-powerpoint.slideshow.macroEnabled.12'
+	];

-  /* PSD */
-  public static mime_psd:string[] = [
-    'image/photoshop',
-    'image/x-photoshop',
-    'image/psd',
-    'application/photoshop',
-    'application/psd',
-    'zz-application/zz-winassoc-psd'
-  ];
+	/* PSD */
+	public static mime_psd: string[] = [
+		'image/photoshop',
+		'image/x-photoshop',
+		'image/psd',
+		'application/photoshop',
+		'application/psd',
+		'zz-application/zz-winassoc-psd'
+	];

-  /* Compressed files */
-  public static mime_compress:string[] = [
-    'application/x-gtar',
-    'application/x-gcompress',
-    'application/compress',
-    'application/x-tar',
-    'application/x-rar-compressed',
-    'application/octet-stream'
-  ];
+	/* Compressed files */
+	public static mime_compress: string[] = [
+		'application/x-gtar',
+		'application/x-gcompress',
+		'application/compress',
+		'application/x-tar',
+		'application/x-rar-compressed',
+		'application/octet-stream',
+		'application/x-zip-compressed',
+		'application/zip-compressed',
+		'application/x-7z-compressed',
+		'application/gzip',
+		'application/x-bzip2'
+	];

-  public static getMimeClass(file:any):string {
-    let mimeClass = 'application';
-    if (this.mime_psd.indexOf(file.type) !== -1) {
-      mimeClass = 'image';
-    } else if (file.type.match('image.*')) {
-      mimeClass = 'image';
-    } else if (file.type.match('video.*')) {
-      mimeClass = 'video';
-    } else if (file.type.match('audio.*')) {
-      mimeClass = 'audio';
-    } else if (file.type === 'application/pdf') {
-      mimeClass = 'pdf';
-    } else if (this.mime_compress.indexOf(file.type) !== -1) {
-      mimeClass = 'compress';
-    } else if (this.mime_doc.indexOf(file.type) !== -1) {
-      mimeClass = 'doc';
-    } else if (this.mime_xsl.indexOf(file.type) !== -1) {
-      mimeClass = 'xls';
-    } else if (this.mime_ppt.indexOf(file.type) !== -1) {
-      mimeClass = 'ppt';
-    }
-    if (mimeClass === 'application') {
-      mimeClass = this.fileTypeDetection(file.name);
-    }
+	public static getMimeClass(file: FileLikeObject): string {
+		let mimeClass = 'application';
+		if (this.mime_psd.indexOf(file.type) !== -1) {
+			mimeClass = 'image';
+		} else if (file.type.match('image.*')) {
+			mimeClass = 'image';
+		} else if (file.type.match('video.*')) {
+			mimeClass = 'video';
+		} else if (file.type.match('audio.*')) {
+			mimeClass = 'audio';
+		} else if (file.type === 'application/pdf') {
+			mimeClass = 'pdf';
+		} else if (this.mime_compress.indexOf(file.type) !== -1) {
+			mimeClass = 'compress';
+		} else if (this.mime_doc.indexOf(file.type) !== -1) {
+			mimeClass = 'doc';
+		} else if (this.mime_xsl.indexOf(file.type) !== -1) {
+			mimeClass = 'xls';
+		} else if (this.mime_ppt.indexOf(file.type) !== -1) {
+			mimeClass = 'ppt';
+		}
+		if (mimeClass === 'application') {
+			mimeClass = this.fileTypeDetection(file.name);
+		}

-    return mimeClass;
-  }
+		return mimeClass;
+	}

-  public static fileTypeDetection(inputFilename:string):string {
-    let types:{[key:string]:string} = {
-      'jpg': 'image',
-      'jpeg': 'image',
-      'tif': 'image',
-      'psd': 'image',
-      'bmp': 'image',
-      'png': 'image',
-      'nef': 'image',
-      'tiff': 'image',
-      'cr2': 'image',
-      'dwg': 'image',
-      'cdr': 'image',
-      'ai': 'image',
-      'indd': 'image',
-      'pin': 'image',
-      'cdp': 'image',
-      'skp': 'image',
-      'stp': 'image',
-      '3dm': 'image',
-      'mp3': 'audio',
-      'wav': 'audio',
-      'wma': 'audio',
-      'mod': 'audio',
-      'm4a': 'audio',
-      'compress': 'compress',
-      'rar': 'compress',
-      '7z': 'compress',
-      'lz': 'compress',
-      'z01': 'compress',
-      'pdf': 'pdf',
-      'xls': 'xls',
-      'xlsx': 'xls',
-      'ods': 'xls',
-      'mp4': 'video',
-      'avi': 'video',
-      'wmv': 'video',
-      'mpg': 'video',
-      'mts': 'video',
-      'flv': 'video',
-      '3gp': 'video',
-      'vob': 'video',
-      'm4v': 'video',
-      'mpeg': 'video',
-      'm2ts': 'video',
-      'mov': 'video',
-      'doc': 'doc',
-      'docx': 'doc',
-      'eps': 'doc',
-      'txt': 'doc',
-      'odt': 'doc',
-      'rtf': 'doc',
-      'ppt': 'ppt',
-      'pptx': 'ppt',
-      'pps': 'ppt',
-      'ppsx': 'ppt',
-      'odp': 'ppt'
-    };
+	public static fileTypeDetection(inputFilename: string): string {
+		let types: { [key: string]: string } = {
+			'jpg': 'image',
+			'jpeg': 'image',
+			'tif': 'image',
+			'psd': 'image',
+			'bmp': 'image',
+			'png': 'image',
+			'nef': 'image',
+			'tiff': 'image',
+			'cr2': 'image',
+			'dwg': 'image',
+			'cdr': 'image',
+			'ai': 'image',
+			'indd': 'image',
+			'pin': 'image',
+			'cdp': 'image',
+			'skp': 'image',
+			'stp': 'image',
+			'3dm': 'image',
+			'mp3': 'audio',
+			'wav': 'audio',
+			'wma': 'audio',
+			'mod': 'audio',
+			'm4a': 'audio',
+			'compress': 'compress',
+			'zip': 'compress',
+			'rar': 'compress',
+			'7z': 'compress',
+			'lz': 'compress',
+			'z01': 'compress',
+			'bz2': 'compress',
+			'gz': 'compress',
+			'pdf': 'pdf',
+			'xls': 'xls',
+			'xlsx': 'xls',
+			'ods': 'xls',
+			'mp4': 'video',
+			'avi': 'video',
+			'wmv': 'video',
+			'mpg': 'video',
+			'mts': 'video',
+			'flv': 'video',
+			'3gp': 'video',
+			'vob': 'video',
+			'm4v': 'video',
+			'mpeg': 'video',
+			'm2ts': 'video',
+			'mov': 'video',
+			'doc': 'doc',
+			'docx': 'doc',
+			'eps': 'doc',
+			'txt': 'doc',
+			'odt': 'doc',
+			'rtf': 'doc',
+			'ppt': 'ppt',
+			'pptx': 'ppt',
+			'pps': 'ppt',
+			'ppsx': 'ppt',
+			'odp': 'ppt'
+		};

-    let chunks = inputFilename.split('.');
-    if (chunks.length < 2) {
-      return 'application';
-    }
-    let extension = chunks[chunks.length - 1].toLowerCase();
-    if (types[extension] === undefined) {
-      return 'application';
-    } else {
-      return types[extension];
-    }
-  }
+		let chunks = inputFilename.split('.');
+		if (chunks.length < 2) {
+			return 'application';
+		}
+		let extension = chunks[chunks.length - 1].toLowerCase();
+		if (types[extension] === undefined) {
+			return 'application';
+		} else {
+			return types[extension];
+		}
+	}
 }
--- a/src/file-upload/file-upload.module.ts
+++ b/src/file-upload/file-upload.module.ts
@@ -5,9 +5,9 @@ import { FileDropDirective } from './file-drop.directive';
 import { FileSelectDirective } from './file-select.directive';

@NgModule({
-  imports: [CommonModule],
-  declarations: [FileDropDirective, FileSelectDirective],
-  exports: [FileDropDirective, FileSelectDirective]
+	imports: [CommonModule],
+	declarations: [FileDropDirective, FileSelectDirective],
+	exports: [FileDropDirective, FileSelectDirective]
 })
 export class FileUploadModule {
 }
--- a/src/file-upload/file-uploader.class.ts
+++ b/src/file-upload/file-uploader.class.ts
@@ -1,491 +1,484 @@
+import { Headers } from './file-uploader.class';
+import { EventEmitter } from '@angular/core';
 import { FileLikeObject } from './file-like-object.class';
 import { FileItem } from './file-item.class';
 import { FileType } from './file-type.class';
-
-function isFile(value:any):boolean {
-  return (File && value instanceof File);
+import { HttpEvent, HttpResponse, HttpHeaders } from '@angular/common/http';
+import { HttpUploadProgressEvent, HttpProgressEvent, HttpSentEvent, HttpErrorResponse } from '@angular/common/http/src/response';
+function isFile(value: any): boolean {
+	return (File && value instanceof File);
 }
-// function isFileLikeObject(value:any) {
+
 export interface Headers {
-  name:string;
-  value:string;
+	name: string;
+	value: string;
 }

-export type ParsedResponseHeaders = {[headerFieldName:string]:string};

-export type FilterFunction = {name:string, fn:(item?:FileLikeObject, options?:FileUploaderOptions)=>boolean};
+export type FilterFunction = {
+	name: string,
+	fn: (item?: FileLikeObject, options?: FileUploaderOptions) => boolean
+};

 export interface FileUploaderOptions {
-  allowedMimeType?:Array<string>;
-  allowedFileType?:Array<string>;
-  autoUpload?:boolean;
-  isHTML5?:boolean;
-  filters?:Array<FilterFunction>;
-  headers?:Array<Headers>;
-  method?:string;
-  authToken?:string;
-  maxFileSize?:number;
-  queueLimit?:number;
-  removeAfterUpload?:boolean;
-  url?:string;
-  disableMultipart?:boolean;
-  itemAlias?: string;
-  authTokenHeader?: string;
-  additionalParameter?:{[key: string]: any};
+	uploaderService: any;
+	allowedMimeType?: string[];
+	allowedFileType?: string[];
+	autoUpload?: boolean;
+	isHTML5?: boolean;
+	filters?: FilterFunction[];
+	headers?: Headers[];
+	method?: string;
+	authToken?: string;
+	maxFileSize?: number;
+	queueLimit?: number;
+	removeAfterUpload?: boolean;
+	url?: string;
+	disableMultipart?: boolean;
+	itemAlias?: string;
+	authTokenHeader?: string;
+	additionalParameter?: { [key: string]: any };
+	parametersBeforeFiles?: boolean;
+	formatDataFunction?: Function;
+	formatDataFunctionIsAsync?: boolean;
 }

 export class FileUploader {
+	public uploaderService: any;
+	public authToken: string;
+	public isUploading: boolean = false;
+	public queue: FileItem[] = [];
+	public progress: number = 0;
+	public _nextIndex: number = 0;
+	public autoUpload: any;
+	public authTokenHeader: string;
+	public response: EventEmitter<any>;
+	public chunkSize: number = null;
+	public options: FileUploaderOptions = {
+		uploaderService: null,
+		autoUpload: false,
+		isHTML5: true,
+		filters: [],
+		removeAfterUpload: false,
+		disableMultipart: false,
+		formatDataFunction: (item: FileItem) => item._file,
+		formatDataFunctionIsAsync: false
+	};

-  public authToken:string;
-  public isUploading:boolean = false;
-  public queue:Array<FileItem> = [];
-  public progress:number = 0;
-  public _nextIndex:number = 0;
-  public autoUpload:any;
-  public authTokenHeader: string;
+	protected _failFilterIndex: number;

-  public options:FileUploaderOptions = {
-    autoUpload: false,
-    isHTML5: true,
-    filters: [],
-    removeAfterUpload: false,
-    disableMultipart: false
-  };
+	public constructor(options: FileUploaderOptions) {
+		this.setOptions(options);
+		this.response = new EventEmitter<any>();
+	}
+	public setOptions(options: FileUploaderOptions): void {
+		this.options = Object.assign(this.options, options);
+		this.uploaderService = this.options.uploaderService;
+		this.uploaderService.uploader = this;
+		this.authToken = this.options.authToken;
+		this.authTokenHeader = this.options.authTokenHeader || 'Authorization';
+		this.autoUpload = this.options.autoUpload;
+		this.options.filters.unshift({ name: 'queueLimit', fn: this._queueLimitFilter });

-  protected _failFilterIndex:number;
+		if (this.options.maxFileSize) {
+			this.options.filters.unshift({ name: 'fileSize', fn: this._fileSizeFilter });
+		}

-  public constructor(options:FileUploaderOptions) {
-    this.setOptions(options);
-  }
+		if (this.options.allowedFileType) {
+			this.options.filters.unshift({ name: 'fileType', fn: this._fileTypeFilter });
+		}

-  public setOptions(options:FileUploaderOptions):void {
-    this.options = Object.assign(this.options, options);
+		if (this.options.allowedMimeType) {
+			this.options.filters.unshift({ name: 'mimeType', fn: this._mimeTypeFilter });
+		}

-    this.authToken = options.authToken;
-    this.authTokenHeader = options.authTokenHeader || 'Authorization';
-    this.autoUpload = options.autoUpload;
-    this.options.filters.unshift({name: 'queueLimit', fn: this._queueLimitFilter});
+		for (let i = 0; i < this.queue.length; i++) {
+			this.queue[i].url = this.options.url;
+		}
+	}

-    if (this.options.maxFileSize) {
-      this.options.filters.unshift({name: 'fileSize', fn: this._fileSizeFilter});
-    }
+	public addToQueue(files: File[], options?: FileUploaderOptions, filters?: FilterFunction[] | string): void {
+		let list: File[] = [];
+		for (let file of files) {
+			list.push(file);
+		}
+		let arrayOfFilters = this._getFilters(filters);
+		let count = this.queue.length;
+		let addedFileItems: FileItem[] = [];
+		list.map((some: File) => {
+			if (!options) {
+				options = this.options;
+			}

-    if (this.options.allowedFileType) {
-      this.options.filters.unshift({name: 'fileType', fn: this._fileTypeFilter});
-    }
+			let temp = new FileLikeObject(some);
+			if (this._isValidFile(temp, arrayOfFilters, options)) {
+				let fileItem = new FileItem(this, some, options);
+				addedFileItems.push(fileItem);
+				this.queue.push(fileItem);
+				this._onAfterAddingFile(fileItem);
+			} else {
+				let filter = arrayOfFilters[this._failFilterIndex];
+				this._onWhenAddingFileFailed(temp, filter, options);
+			}
+		});
+		if (this.queue.length !== count) {
+			this._onAfterAddingAll(addedFileItems);
+			this.progress = this._getTotalProgress();
+		}
+		this._render();
+		if (this.options.autoUpload) {
+			this.uploadAll();
+		}
+	}

-    if (this.options.allowedMimeType) {
-      this.options.filters.unshift({name: 'mimeType', fn: this._mimeTypeFilter});
-    }
+	public removeFromQueue(value: FileItem): void {
+		let index = this.getIndexOfItem(value);
+		let item = this.queue[index];
+		if (item.isUploading) {
+			item.cancel();
+		}
+		this.queue.splice(index, 1);
+		this.progress = this._getTotalProgress();
+		this.onRemoveItem(item);		
+	}

-    for(let i = 0; i < this.queue.length; i++) {
-      this.queue[i].url = this.options.url;
-    }
-    // this.options.filters.unshift({name: 'folder', fn: this._folderFilter});
-  }
+	public clearQueue(): void {
+		while (this.queue.length) {
+			this.queue[0].remove();
+		}
+		this.progress = 0;
+	}

-  public addToQueue(files:File[], options?:FileUploaderOptions, filters?:FilterFunction[]|string):void {
-    let list:File[] = [];
-    for (let file of files) {
-      list.push(file);
-    }
-    let arrayOfFilters = this._getFilters(filters);
-    let count = this.queue.length;
-    let addedFileItems:FileItem[] = [];
-    list.map((some:File) => {
-      if (!options) {
-        options = this.options;
-      }
+	public uploadItem(value: FileItem): void {
+		let index = this.getIndexOfItem(value);
+		let item = this.queue[index];
+		item._prepareToUploading();
+		if (this.isUploading) {
+			return;
+		}
+		this.isUploading = true;
+		this._uploadFile(item);
+	}

-      let temp = new FileLikeObject(some);
-      if (this._isValidFile(temp, arrayOfFilters, options)) {
-        let fileItem = new FileItem(this, some, options);
-        addedFileItems.push(fileItem);
-        this.queue.push(fileItem);
-        this._onAfterAddingFile(fileItem);
-      } else {
-        let filter = arrayOfFilters[this._failFilterIndex];
-        this._onWhenAddingFileFailed(temp, filter, options);
-      }
-    });
-    if (this.queue.length !== count) {
-      this._onAfterAddingAll(addedFileItems);
-      this.progress = this._getTotalProgress();
-    }
-    this._render();
-    if (this.options.autoUpload) {
-      this.uploadAll();
-    }
-  }
+	public cancelItem(value: FileItem): void {
+		const index = this.getIndexOfItem(value);
+		const item = this.queue[index];
+		if (item && item.isUploading) {
+			this.uploaderService.stopUpload()
+		}
+	}

-  public removeFromQueue(value:FileItem):void {
-    let index = this.getIndexOfItem(value);
-    let item = this.queue[index];
-    if (item.isUploading) {
-      item.cancel();
-    }
-    this.queue.splice(index, 1);
-    this.progress = this._getTotalProgress();
-  }
+	public uploadAll(): void {
+		const items = this.getNotUploadedItems().filter((item: FileItem) => !item.isUploading);
+		if (!items.length) {
+			return;
+		}
+		items.map((item: FileItem) => item._prepareToUploading());
+		items[0].upload();
+	}

-  public clearQueue():void {
-    while (this.queue.length) {
-      this.queue[0].remove();
-    }
-    this.progress = 0;
-  }
+	public cancelAll(): void {
+		const items = this.getNotUploadedItems();
+		items.map((item: FileItem) => item.cancel());
+	}

-  public uploadItem(value:FileItem):void {
-    let index = this.getIndexOfItem(value);
-    let item = this.queue[index];
-    let transport = this.options.isHTML5 ? '_xhrTransport' : '_iframeTransport';
-    item._prepareToUploading();
-    if (this.isUploading) {
-      return;
-    }
-    this.isUploading = true;
-    (this as any)[transport](item);
-  }
+	public isFile(value: any): boolean {
+		return isFile(value);
+	}

-  public cancelItem(value:FileItem):void {
-    let index = this.getIndexOfItem(value);
-    let item = this.queue[index];
-    let prop = this.options.isHTML5 ? item._xhr : item._form;
-    if (item && item.isUploading) {
-      prop.abort();
-    }
-  }
+	public isFileLikeObject(value: any): boolean {
+		return value instanceof FileLikeObject;
+	}

-  public uploadAll():void {
-    let items = this.getNotUploadedItems().filter((item:FileItem) => !item.isUploading);
-    if (!items.length) {
-      return;
-    }
-    items.map((item:FileItem) => item._prepareToUploading());
-    items[0].upload();
-  }
+	public getIndexOfItem(value: any): number {
+		return typeof value === 'number' ? value : this.queue.indexOf(value);
+	}

-  public cancelAll():void {
-    let items = this.getNotUploadedItems();
-    items.map((item:FileItem) => item.cancel());
-  }
+	public getIsErrorItems(): any[] {
+		return this.queue.filter((item: FileItem) => item.isError);
+	}

-  public isFile(value:any):boolean {
-    return isFile(value);
-  }
+	public getIsCancelItems(): any[] {
+		return this.queue.filter((item: FileItem) => item.isCancel);
+	}

-  public isFileLikeObject(value:any):boolean {
-    return value instanceof FileLikeObject;
-  }
+	public getIsSuccessItems(): any[] {
+		return this.queue.filter((item: FileItem) => item.isSuccess);
+	}

-  public getIndexOfItem(value:any):number {
-    return typeof value === 'number' ? value : this.queue.indexOf(value);
-  }
+	public getAllItems(): any[] {
+		return this.queue;
+	}

-  public getNotUploadedItems():Array<any> {
-    return this.queue.filter((item:FileItem) => !item.isUploaded);
-  }

-  public getReadyItems():Array<any> {
-    return this.queue
-      .filter((item:FileItem) => (item.isReady && !item.isUploading))
-      .sort((item1:any, item2:any) => item1.index - item2.index);
-  }
+	public getNotUploadedItems(): any[] {
+		return this.queue.filter((item: FileItem) => !item.isUploaded);
+	}

-  public destroy():void {
-    return void 0;
-    /*forEach(this._directives, (key) => {
-     forEach(this._directives[key], (object) => {
-     object.destroy();
-     });
-     });*/
-  }
+	public getReadyItems(): any[] {
+		return this.queue
+			.filter((item: FileItem) => (item.isReady && !item.isUploading))
+			.sort((item1: any, item2: any) => item1.index - item2.index);
+	}

-  public onAfterAddingAll(fileItems:any):any {
-    return {fileItems};
-  }
+	public destroy(): void {
+		return void 0;
+	}

-  public onBuildItemForm(fileItem:FileItem, form:any):any {
-    return {fileItem, form};
-  }
+	public onAfterAddingAll(fileItems: any): any {
+		return { fileItems };
+	}

-  public onAfterAddingFile(fileItem:FileItem):any {
-    return {fileItem};
-  }
+	public onBuildItemForm(fileItem: FileItem, form: any): any {
+		return { fileItem, form };
+	}

-  public onWhenAddingFileFailed(item:FileLikeObject, filter:any, options:any):any {
-    return {item, filter, options};
-  }
+	public onAfterAddingFile(fileItem: FileItem): any {
+		return { fileItem };
+	}

-  public onBeforeUploadItem(fileItem:FileItem):any {
-    return {fileItem};
-  }
+	public onWhenAddingFileFailed(item: FileLikeObject, filter: any, options: any): any {
+		return { item, filter, options };
+	}

-  public onProgressItem(fileItem:FileItem, progress:any):any {
-    return {fileItem, progress};
-  }
+	public onBeforeUploadItem(fileItem: FileItem): any {
+		return { fileItem };
+	}

-  public onProgressAll(progress:any):any {
-    return {progress};
-  }
+	public onProgressItem(fileItem: FileItem, progress: any): any {
+		return { fileItem, progress };
+	}

-  public onSuccessItem(item:FileItem, response:string, status:number, headers:ParsedResponseHeaders):any {
-    return {item, response, status, headers};
-  }
+	public onProgressAll(progress: any): any {
+		return { progress };
+	}

-  public onErrorItem(item:FileItem, response:string, status:number, headers:ParsedResponseHeaders):any {
-    return {item, response, status, headers};
-  }
+	public onSuccessItem(item: FileItem, response: string, status: number, headers: HttpHeaders): any {
+		return { item, response, status, headers };
+	}

-  public onCancelItem(item:FileItem, response:string, status:number, headers:ParsedResponseHeaders):any {
-    return {item, response, status, headers};
-  }
+	public onErrorItem(item: FileItem, response: string, status: number, headers: HttpHeaders): any {
+		return { item, response, status, headers };
+	}

-  public onCompleteItem(item:FileItem, response:string, status:number, headers:ParsedResponseHeaders):any {
-    return {item, response, status, headers};
-  }
+	public onCancelItem(item: FileItem): any {
+		return { item };
+	}
+	public onRemoveItem(item: FileItem): any {
+		return { item };
+	}
+	public onCompleteChunk(item: FileItem, response: string, status: number, headers: HttpHeaders): any {
+		return { item, response, status, headers };
+	}
+	public onErrorChunk(item: FileItem, response: string, status: number, headers: HttpHeaders): any {
+		return { item, response, status, headers };
+	}
+	public onCompleteItem(item: FileItem, response: string, status: number, headers: HttpHeaders): any {
+		return { item, response, status, headers };
+	}

-  public onCompleteAll():any {
-    return void 0;
-  }
+	public onCompleteAll(): any {
+		return void 0;
+	}

-  public _mimeTypeFilter(item:FileLikeObject):boolean {
-    return !(this.options.allowedMimeType && this.options.allowedMimeType.indexOf(item.type) === -1);
-  }
+	public _mimeTypeFilter(item: FileLikeObject): boolean {
+		return !(this.options.allowedMimeType && this.options.allowedMimeType.indexOf(item.type) === -1);
+	}

-  public _fileSizeFilter(item:FileLikeObject):boolean {
-    return !(this.options.maxFileSize && item.size > this.options.maxFileSize);
-  }
+	public _fileSizeFilter(item: FileLikeObject): boolean {
+		return !(this.options.maxFileSize && item.size > this.options.maxFileSize);
+	}

-  public _fileTypeFilter(item:FileLikeObject):boolean {
-    return !(this.options.allowedFileType &&
-    this.options.allowedFileType.indexOf(FileType.getMimeClass(item)) === -1);
-  }
+	public _fileTypeFilter(item: FileLikeObject): boolean {
+		return !(this.options.allowedFileType &&
+			this.options.allowedFileType.indexOf(FileType.getMimeClass(item)) === -1);
+	}

-  public _onErrorItem(item:FileItem, response:string, status:number, headers:ParsedResponseHeaders):void {
-    item._onError(response, status, headers);
-    this.onErrorItem(item, response, status, headers);
-  }
+	public _onErrorItem(item: FileItem, response: string, status: number, headers: HttpHeaders): void {
+		item._onError(response, status, headers);
+		this.onErrorItem(item, response, status, headers);
+	}
+	public _onCompleteChunk(item: FileItem, response: string, status: number, headers: HttpHeaders): void {
+		this.onCompleteChunk(item, response, status, headers);
+		item._onCompleteChunk(response, status, headers);
+		this.progress = this._getTotalProgress();
+		this._render();
+	}
+	public _onCompleteItem(item: FileItem, response?: string, status?: number, headers?: HttpHeaders): void {
+		item._onComplete(response, status, headers);
+		this.onCompleteItem(item, response, status, headers);
+		let nextItem = this.getReadyItems()[0];
+		this.isUploading = false;
+		if (nextItem) {
+			nextItem.upload();
+			return;
+		}
+		this.onCompleteAll();
+		this.progress = this._getTotalProgress();
+		this._render();
+	}
+	
+	protected _onProgress(event: HttpProgressEvent, item: FileItem) {
+		event = event;
+		let progress = (100 * event.loaded / event.total); 
+		if (this.uploaderService.options.chunkSize > 0) {
+			progress = ( 100 * item.getCurrentChunk() / item.getTotalChunks() ) + (progress / item.getTotalChunks() );
+		}
+		// TODO: Check why it's not showing upload progress per item only on complete.
+		this._onProgressItem(item, Math.round(progress) );
+	}
+	public onProgress(event: HttpProgressEvent, item: FileItem) {
+		this._onProgress(event, item);
+	}
+	protected _onStart(event: HttpSentEvent, item: FileItem) {

-  public _onCompleteItem(item:FileItem, response:string, status:number, headers:ParsedResponseHeaders):void {
-    item._onComplete(response, status, headers);
-    this.onCompleteItem(item, response, status, headers);
-    let nextItem = this.getReadyItems()[0];
-    this.isUploading = false;
-    if (nextItem) {
-      nextItem.upload();
-      return;
-    }
-    this.onCompleteAll();
-    this.progress = this._getTotalProgress();
-    this._render();
-  }
+	}
+	public onStart(event: HttpSentEvent, item: FileItem) {
+		this._onStart(event, item);
+	}
+	protected _onLoad(event: HttpResponse<any>, item: FileItem) {
+		const headers = event.headers;
+		const response = this._transformResponse(event.body, headers);
+		const gist = this._isSuccessCode(event.status) ? 'Success' : 'Error';
+		const method = '_on' + gist + 'Item';
+		if (this.uploaderService.options.chunkSize > 0) {
+			if ( (item.getCurrentChunk() +1) >= item.getTotalChunks()) {
+				(this as any)[method](item, response, event.status, headers);
+				this._onCompleteItem(item, response, event.status, headers);
+			} else {
+				this._onCompleteChunk(item, response, event.status, headers);
+			}
+		} else {
+			(this as any)[method](item, response, event.status, headers);
+			this._onCompleteItem(item, response, event.status, headers);
+		}
+		
+	}
+	public onLoad(event: HttpResponse<any>, item: FileItem) {
+		this._onLoad(event, item);
+	}

-  protected _headersGetter(parsedHeaders:ParsedResponseHeaders):any {
-    return (name:any):any => {
-      if (name) {
-        return parsedHeaders[name.toLowerCase()] || void 0;
-      }
-      return parsedHeaders;
-    };
-  }
+	protected _onError(error: any, item: FileItem) {
+		const headers: HttpHeaders = error.Headers
+		const response = this._transformResponse(error.error, headers);
+		if (this.uploaderService.options.chunkSize > 0) {
+			this._onErrorChunk(item, response, error.status, headers);
+		} else {
+			this._onErrorItem(item, response, error.status, headers);
+			this._onCompleteItem(item, response, error.status, headers);
+		}
+	}
+	public onError(error: HttpErrorResponse, item: FileItem) {
+		this._onError(error,item);
+	}
+	protected _onAbort(error: HttpErrorResponse, item: FileItem) {
+		this._onCancelItem(item);
+		this._onCompleteItem(item);
+	}

-  protected _xhrTransport(item:FileItem):any {
-    let xhr = item._xhr = new XMLHttpRequest();
-    let sendable:any;
-    this._onBeforeUploadItem(item);
-    // todo
-    /*item.formData.map(obj => {
-     obj.map((value, key) => {
-     form.append(key, value);
-     });
-     });*/
-    if (typeof item._file.size !== 'number') {
-      throw new TypeError('The file specified is no longer valid');
-    }
-    if (!this.options.disableMultipart) {
-      sendable = new FormData();
-      this._onBuildItemForm(item, sendable);
+	public onAbort(error: HttpErrorResponse, item: FileItem) {
+		this._onAbort(error, item);
+	}
+	
+	protected _uploadFile(item: FileItem): any {
+		this._onBeforeUploadItem(item);
+		if (typeof item._file.size !== 'number') {
+			throw new TypeError('The file specified is no longer valid');
+		}
+		this.uploaderService.uploadFile(item, this.options);
+	}
+	
+	protected _getTotalProgress(value: number = 0): number {
+		if (this.options.removeAfterUpload) {
+			return value;
+		}
+		let notUploaded = this.getNotUploadedItems().length;
+		let uploaded = notUploaded ? this.queue.length - notUploaded : this.queue.length;
+		let ratio = 100 / this.queue.length;
+		let current = value * ratio / 100;
+		return Math.round(uploaded * ratio + current);
+	}

-      sendable.append(item.alias, item._file, item.file.name);
+	protected _getFilters(filters: FilterFunction[] | string): FilterFunction[] {
+		if (!filters) {
+			return this.options.filters;
+		}
+		if (Array.isArray(filters)) {
+			return filters;
+		}
+		if (typeof filters === 'string') {
+			let names = filters.match(/[^\s,]+/g);
+			return this.options.filters
+				.filter((filter: any) => names.indexOf(filter.name) !== -1);
+		}
+		return this.options.filters;
+	}

-      if (this.options.additionalParameter !== undefined) {
-        Object.keys(this.options.additionalParameter).forEach((key:string) => {
-          sendable.append(key, this.options.additionalParameter[key]);
-        });
-      }
-    } else {
-      sendable = item._file;
-    }
+	protected _render(): any {
+		return void 0;
+	}

-    xhr.upload.onprogress = (event:any) => {
-      let progress = Math.round(event.lengthComputable ? event.loaded * 100 / event.total : 0);
-      this._onProgressItem(item, progress);
-    };
-    xhr.onload = () => {
-      let headers = this._parseHeaders(xhr.getAllResponseHeaders());
-      let response = this._transformResponse(xhr.response, headers);
-      let gist = this._isSuccessCode(xhr.status) ? 'Success' : 'Error';
-      let method = '_on' + gist + 'Item';
-      (this as any)[method](item, response, xhr.status, headers);
-      this._onCompleteItem(item, response, xhr.status, headers);
-    };
-    xhr.onerror = () => {
-      let headers = this._parseHeaders(xhr.getAllResponseHeaders());
-      let response = this._transformResponse(xhr.response, headers);
-      this._onErrorItem(item, response, xhr.status, headers);
-      this._onCompleteItem(item, response, xhr.status, headers);
-    };
-    xhr.onabort = () => {
-      let headers = this._parseHeaders(xhr.getAllResponseHeaders());
-      let response = this._transformResponse(xhr.response, headers);
-      this._onCancelItem(item, response, xhr.status, headers);
-      this._onCompleteItem(item, response, xhr.status, headers);
-    };
-    xhr.open(item.method, item.url, true);
-    xhr.withCredentials = item.withCredentials;
-    if (this.options.headers) {
-      for (let header of this.options.headers) {
-        xhr.setRequestHeader(header.name, header.value);
-      }
-    }
-    if (item.headers.length) {
-      for (let header of item.headers) {
-        xhr.setRequestHeader(header.name, header.value);
-      }
-    }
-    if (this.authToken) {
-      xhr.setRequestHeader(this.authTokenHeader, this.authToken);
-    }
-    xhr.send(sendable);
-    this._render();
-  }
+	protected _queueLimitFilter(): boolean {
+		return this.options.queueLimit === undefined || this.queue.length < this.options.queueLimit;
+	}

-  protected _getTotalProgress(value:number = 0):number {
-    if (this.options.removeAfterUpload) {
-      return value;
-    }
-    let notUploaded = this.getNotUploadedItems().length;
-    let uploaded = notUploaded ? this.queue.length - notUploaded : this.queue.length;
-    let ratio = 100 / this.queue.length;
-    let current = value * ratio / 100;
-    return Math.round(uploaded * ratio + current);
-  }
+	protected _isValidFile(file: FileLikeObject, filters: FilterFunction[], options: FileUploaderOptions): boolean {
+		this._failFilterIndex = -1;
+		return !filters.length ? true : filters.every((filter: FilterFunction) => {
+			this._failFilterIndex++;
+			return filter.fn.call(this, file, options);
+		});
+	}

-  protected _getFilters(filters:FilterFunction[]|string):FilterFunction[] {
-    if (!filters) {
-      return this.options.filters;
-    }
-    if (Array.isArray(filters)) {
-      return filters;
-    }
-    if (typeof filters === 'string') {
-      let names = filters.match(/[^\s,]+/g);
-      return this.options.filters
-        .filter((filter:any) => names.indexOf(filter.name) !== -1);
-    }
-    return this.options.filters;
-  }
+	protected _isSuccessCode(status: number): boolean {
+		return (status >= 200 && status < 300) || status === 304;
+	}

-  protected _render():any {
-    return void 0;
-    // todo: ?
-  }
+	protected _transformResponse(response: string, headers: HttpHeaders): string {
+		return response;
+	}

-  // protected _folderFilter(item:FileItem):boolean {
-  //   return !!(item.size || item.type);
-  // }
+	protected _onWhenAddingFileFailed(item: FileLikeObject, filter: any, options: any): void {
+		this.onWhenAddingFileFailed(item, filter, options);
+	}

-  protected _queueLimitFilter():boolean {
-    return this.options.queueLimit === undefined || this.queue.length < this.options.queueLimit;
-  }
+	protected _onAfterAddingFile(item: FileItem): void {
+		this.onAfterAddingFile(item);
+	}

-  protected _isValidFile(file:FileLikeObject, filters:FilterFunction[], options:FileUploaderOptions):boolean {
-    this._failFilterIndex = -1;
-    return !filters.length ? true : filters.every((filter:FilterFunction) => {
-      this._failFilterIndex++;
-      return filter.fn.call(this, file, options);
-    });
-  }
+	protected _onAfterAddingAll(items: any): void {
+		this.onAfterAddingAll(items);
+	}

-  protected _isSuccessCode(status:number):boolean {
-    return (status >= 200 && status < 300) || status === 304;
-  }
+	protected _onBeforeUploadItem(item: FileItem): void {
+		item._onBeforeUpload();
+		this.onBeforeUploadItem(item);
+	}

-  /* tslint:disable */
-  protected _transformResponse(response:string, headers:ParsedResponseHeaders):string {
-    // todo: ?
-    /*var headersGetter = this._headersGetter(headers);
-     forEach($http.defaults.transformResponse, (transformFn) => {
-     response = transformFn(response, headersGetter);
-     });*/
-    return response;
-  }
+	public _onBuildItemForm(item: FileItem, form: any): void {
+		item._onBuildForm(form);
+		this.onBuildItemForm(item, form);
+	}

-  /* tslint:enable */
-  protected _parseHeaders(headers:string):ParsedResponseHeaders {
-    let parsed:any = {};
-    let key:any;
-    let val:any;
-    let i:any;
-    if (!headers) {
-      return parsed;
-    }
-    headers.split('\n').map((line:any) => {
-      i = line.indexOf(':');
-      key = line.slice(0, i).trim().toLowerCase();
-      val = line.slice(i + 1).trim();
-      if (key) {
-        parsed[key] = parsed[key] ? parsed[key] + ', ' + val : val;
-      }
-    });
-    return parsed;
-  }
+	protected _onProgressItem(item: FileItem, progress: any): void {
+		const total = this._getTotalProgress(progress);
+		this.progress = total;
+		item._onProgress(progress);
+		this.onProgressItem(item, progress);
+		this.onProgressAll(total);
+		this._render();
+	}
+	protected _onErrorChunk(item: FileItem, response: string, status: number, headers: HttpHeaders): void {
+		item._onErrorChunk(response, status, headers);
+		this.onErrorChunk(item, response, status, headers)
+	}
+	protected _onSuccessItem(item: FileItem, response: string, status: number, headers: HttpHeaders): void {
+		item._onSuccess(response, status, headers);
+		this.onSuccessItem(item, response, status, headers);
+	}

-  /*protected _iframeTransport(item:FileItem) {
-   // todo: implement it later
-   }*/
-
-  protected _onWhenAddingFileFailed(item:FileLikeObject, filter:any, options:any):void {
-    this.onWhenAddingFileFailed(item, filter, options);
-  }
-
-  protected _onAfterAddingFile(item:FileItem):void {
-    this.onAfterAddingFile(item);
-  }
-
-  protected _onAfterAddingAll(items:any):void {
-    this.onAfterAddingAll(items);
-  }
-
-  protected _onBeforeUploadItem(item:FileItem):void {
-    item._onBeforeUpload();
-    this.onBeforeUploadItem(item);
-  }
-
-  protected _onBuildItemForm(item:FileItem, form:any):void {
-    item._onBuildForm(form);
-    this.onBuildItemForm(item, form);
-  }
-
-  protected _onProgressItem(item:FileItem, progress:any):void {
-    let total = this._getTotalProgress(progress);
-    this.progress = total;
-    item._onProgress(progress);
-    this.onProgressItem(item, progress);
-    this.onProgressAll(total);
-    this._render();
-  }
-
-  /* tslint:disable */
-  protected _onSuccessItem(item:FileItem, response:string, status:number, headers:ParsedResponseHeaders):void {
-    item._onSuccess(response, status, headers);
-    this.onSuccessItem(item, response, status, headers);
-  }
-
-  /* tslint:enable */
-  protected _onCancelItem(item:FileItem, response:string, status:number, headers:ParsedResponseHeaders):void {
-    item._onCancel(response, status, headers);
-    this.onCancelItem(item, response, status, headers);
-  }
-}
+	protected _onCancelItem(item: FileItem): void {
+		item._onCancel();
+		this.onCancelItem(item);
+	}
+}
--- a/src/file-upload/file-uploader.service.ts
+++ b/src/file-upload/file-uploader.service.ts
@@ -0,0 +1,358 @@
+import { HttpErrorResponse } from '@angular/common/http/src/response';
+import { FileUploaderOptions, FileUploader } from './file-uploader.class';
+import { FileItem } from './file-item.class';
+
+import { Injectable } from '@angular/core';
+import { HttpClient, HttpHeaders, HttpRequest, HttpEventType } from '@angular/common/http';
+import { Observable, of} from 'rxjs';
+import { map } from 'rxjs/operators';
+
+export interface UploaderLinksOptions {
+	downloadEntry: string;
+	updateEntry: string;
+	createEntry: string;
+	deleteEntry: string;
+}
+
+export interface UploaderServiceOptions {
+	createMethod: string;
+	updateMethod: string;
+	authorizationHeaderName?: string;
+	tokenPattern?: string;
+	token?: string;
+	chunkSize?: number;
+	totalChunkParamName?: string;
+	currentChunkParamName?: string;
+	fileParamName?: string;
+	idAttribute?: string;
+}
+@Injectable()
+export class FileUploaderService {
+	public defaultLinks: UploaderLinksOptions = {
+		downloadEntry: '',
+		updateEntry: '',
+		createEntry: '',
+		deleteEntry: ''
+	};
+	public defaultOptions: UploaderServiceOptions = {
+		createMethod: 'POST',
+		updateMethod: 'POST',
+		authorizationHeaderName: 'Authorization',
+		tokenPattern: null,
+		token: null,
+		chunkSize: 0,
+		totalChunkParamName: 'total_chunks',
+		currentChunkParamName: 'current_chunk',
+		fileParamName: 'file',
+		idAttribute: 'id'
+	};
+	public additionalHeaders:any = {};
+	protected cancelError = 'UPLOAD CANCELED';
+	protected uploadSubscription: any = null;
+	public links: UploaderLinksOptions;
+	public options: UploaderServiceOptions;
+	private _uploader: FileUploader = null;
+	constructor(protected http: HttpClient) {
+		this.links = Object.assign({}, this.defaultLinks, this.links);
+		this.options = Object.assign({}, this.defaultOptions, this.options);
+	}
+	get uploader(): FileUploader {
+		return this._uploader;
+	}
+	set uploader(theUploader: FileUploader) {
+		this._uploader = theUploader;
+	}
+	public onBeforeUpload(
+		item: FileItem,
+		options: FileUploaderOptions
+	): Promise<any> {
+		const promise = new Promise((resolve, reject) => {
+			resolve(true);
+		});
+		return promise;
+	}
+	public uploadFile(item: FileItem, options: FileUploaderOptions): void {
+		this.onBeforeUpload(item, options).then(() => {
+			this._uploadFile(item, options);
+		});
+	}
+	public onBeforeGetDefaultHeaders(): Promise<any> {
+		const promise = new Promise((resolve, reject) => {
+			resolve(true);
+		});
+		return promise;
+	}
+	protected _getDefaultHeaders(): Promise<any> {
+		return new Promise((resolve, reject) => {
+			this.onBeforeGetDefaultHeaders().then(
+				result => {
+					const h: any = {};
+					if (this.options.tokenPattern && this.options.token) {
+						h[
+							this.options.authorizationHeaderName
+						] = this.options.tokenPattern.replace(
+							'#token#',
+							this.options.token
+						);
+					}
+					for (const key in this.additionalHeaders) {
+						if (this.additionalHeaders.hasOwnProperty(key)) {
+							h[key] = this.additionalHeaders[key];
+						}
+					}
+					resolve(h);
+				},
+				error => {
+					reject(error);
+				}
+			);
+		});
+	}
+	protected _getRequestHeaders(
+		item: FileItem,
+		options: FileUploaderOptions
+	): Promise<any> {
+		return new Promise((resolve, reject) => {
+			this._getDefaultHeaders().then(
+				h => {
+					if (options.headers) {
+						for (let header of options.headers) {
+							h[header.name] = header.value;
+						}
+					}
+					if (item.headers.length) {
+						for (let header of item.headers) {
+							h[header.name] = header.value;
+						}
+					}
+					resolve(h);
+				},
+				error => {
+					reject(error);
+				}
+			);
+		});
+	}
+
+	public buildPackageToSend(item: FileItem, options: FileUploaderOptions) {
+		let sendable: FormData = new FormData();
+		this.uploader._onBuildItemForm(item, sendable);
+		let file: any = null;
+		if (this.options.chunkSize > 0) {
+			file = item.getCurrentChunkFile();
+		} else {
+			file = item._file;
+		}
+		const appendFile = () =>
+			sendable.append(this.options.fileParamName, file, item.file.name);
+		if (!options.parametersBeforeFiles) {
+			appendFile();
+		}
+
+		// For AWS, Additional Parameters must come BEFORE Files
+		if (options.additionalParameter !== undefined) {
+			Object.keys(options.additionalParameter).forEach((key: string) => {
+				let paramVal = options.additionalParameter[key];
+				// Allow an additional parameter to include the filename
+				if (
+					typeof paramVal === 'string' &&
+					paramVal.indexOf('{{file_name}}') >= 0
+				) {
+					paramVal = paramVal.replace('{{file_name}}', item.file.name);
+				}
+				sendable.append(key, paramVal);
+			});
+		}
+
+		if (this.options.chunkSize > 0 && this.options.totalChunkParamName) {
+			sendable.append(
+				this.options.totalChunkParamName,
+				item.getTotalChunks().toString()
+			);
+		}
+		if (this.options.chunkSize > 0 && this.options.currentChunkParamName) {
+			sendable.append(
+				this.options.currentChunkParamName,
+				(item.getCurrentChunk() + 1).toString()
+			);
+		}
+
+		if (options.parametersBeforeFiles) {
+			appendFile();
+		}
+
+		return sendable;
+	}
+
+	protected _uploadFile(item: FileItem, options: FileUploaderOptions): void {
+		this._getRequestHeaders(item, options).then(
+			headers => {
+				let request_method = this.options.createMethod;
+				let link = this.links.createEntry;
+				item.setIsUploading(true);
+				if (this.options.chunkSize > 0) {
+					try {
+						item.getCurrentChunk();
+					} catch (err) {
+						item.createFileChunk(this.options.chunkSize);
+					}
+					request_method =
+						item.getCurrentChunk() > 0
+							? this.options.updateMethod
+							: this.options.createMethod;
+					link =
+						item.getCurrentChunk() > 0
+							? this.links.updateEntry
+							: this.links.createEntry;
+				}
+				if (item.getId()) {
+					link = link.replace('#id#', item.getId());
+				}
+				const data = this.buildPackageToSend(item, options);
+				const request = new HttpRequest(request_method, link, data, {
+					headers: new HttpHeaders(headers),
+					reportProgress: true,
+					withCredentials: item.withCredentials,
+				});
+				this.uploadSubscription = this.http.request(request).subscribe(
+					(event: any) => {
+						this.getEventMessage(event, item);
+					},
+					(error: any) => {
+						if (this.cancelError === error) {
+							this.uploader.onAbort(error, item);
+						} else {
+							this.uploader.onError(error, item);
+						}
+					}
+				);
+			},
+			error => {}
+		);
+	}
+	public stopUpload() {
+		if (this.uploadSubscription && this.uploadSubscription.unsubscribe) {
+			this.uploadSubscription.error(this.cancelError);
+		}
+	}
+	private getEventMessage(event: any, item: FileItem) {
+		switch (event.type) {
+			case HttpEventType.ResponseHeader:
+				break;
+			case HttpEventType.Sent:
+				this.uploader.onStart(event, item);
+				break;
+			case HttpEventType.UploadProgress:
+				this.uploader.onProgress(event, item);
+				break;
+			case HttpEventType.Response:
+				if (this.options.chunkSize > 0) {
+					if (item.getCurrentChunk() === 0) {
+						const response = event.body;
+						if (response[this.options.idAttribute]) {
+							item.setId(response[this.options.idAttribute]);
+						}
+					}
+				}
+				this.uploader.onLoad(event, item);
+				break;
+			default:
+				break;
+		}
+	}
+	private handleError(item: FileItem) {
+		const userMessage = `${item.file.name} upload failed.`;
+
+		return (error: HttpErrorResponse) => {
+			this.uploader.onError(error, item);
+
+			const message =
+				error.error instanceof Error
+					? error.error.message
+					: `server returned code ${error.status} with body "${error.error}"`;
+
+			return of (userMessage);
+		};
+	}
+
+	public deleteEntry(
+		item: FileItem,
+		options = {},
+		skipConfirmation = false
+	): Observable <any> {
+		if (item.getId() && this.links['deleteEntry']) {
+			let link = this.links['deleteEntry'].replace(/#id#/g, item.getId());
+			let confirmation = false;
+			if (skipConfirmation) {
+				confirmation = true;
+			} else {
+				confirmation = confirm('Are you sure you want to delete this entry?');
+			}
+
+			if (confirmation) {
+				return this.delete(link, options)
+			} else {
+				return of(false);
+			}
+		} else {
+			return of(false);
+		}
+	}
+
+	protected delete(url: string, options = {}): Observable<any> {
+		return new Observable((observe:any) => {
+			this._getDefaultHeaders().then(
+				function(headers: any) {
+					return this.http
+						.delete(url, { headers: new HttpHeaders(headers) })
+						.subscribe(
+							(response: Response) => {
+								observe.next(response);
+							},
+							(error: any) => {
+								observe.error(error);
+							}
+						);
+				}.bind(this),
+				error => {
+					observe.error(error);
+				}
+			);
+		});
+	}
+
+	/*
+		HTTP General methos only bellow
+	*/
+	protected get(url: string): Observable<any> {
+		return new Observable(observe => {
+			this._getDefaultHeaders().then(
+				function(headers:any) {
+					return this.http
+						.get(url, { headers: new HttpHeaders(headers) })
+						.subscribe(
+							(response: Response) => {
+								observe.next(response);
+							},
+							(error: any) => {
+								observe.error(error);
+							}
+						);
+				}.bind(this),
+				error => {
+					observe.error(error);
+				}
+			);
+		});
+	}
+
+	public addHeader(name:string = null, value:any = null) {
+		this.additionalHeaders[name] = value;
+	}
+
+	public removeHeader(name:string = null) {
+		if (this.additionalHeaders.hasOwnProperty(name)) {
+			delete this.additionalHeaders[name];
+		}
+	}
+}
--- a/src/index.ts
+++ b/src/index.ts
@@ -2,5 +2,7 @@ export * from  './file-upload/file-select.directive';
 export * from  './file-upload/file-drop.directive';
 export * from  './file-upload/file-uploader.class';
 export * from './file-upload/file-item.class';
+export * from './file-upload/file-like-object.class';
+export * from './file-upload/file-uploader.service';

 export { FileUploadModule } from './file-upload/file-upload.module';
--- a/src/ng2-chunk-file-upload.ts
+++ b/src/ng2-chunk-file-upload.ts
--- a/src/package.json
+++ b/src/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "ng2-file-upload",
-  "version": "1.2.0",
+  "name": "ng2-chunk-file-upload",
+  "version": "1.3.0",
  "peerDependencies": {
    "@angular/common": "*",
    "@angular/core": "*"
--- a/src/spec/file-drop.directive.spec.ts
+++ b/src/spec/file-drop.directive.spec.ts
@@ -1,28 +1,147 @@
-import { Component } from '@angular/core';
+import { Component, DebugElement } from '@angular/core';
+import { By } from '@angular/platform-browser';
 import { inject, ComponentFixture, TestBed } from '@angular/core/testing';

 import { FileUploader } from '../file-upload/file-uploader.class';
 import { FileUploadModule } from '../file-upload/file-upload.module';
+import { FileDropDirective } from '../file-upload/file-drop.directive';

@Component({
  selector: 'container',
-  template: `<input type="file" ng2FileSelect [uploader]="uploader" />`
+  template: `<div type="file"
+                    ng2FileDrop
+                    [uploader]="uploader"
+             ></div>`
 })
 export class ContainerComponent {
-  public uploader:FileUploader = new FileUploader({url: 'localhost:3000'});
+  public get url(): string { return 'localhost:3000'; }
+  public uploader: FileUploader = new FileUploader({ url: this.url });
 }

-describe('Directive: FileSelectDirective', () => {
+describe('Directive: FileDropDirective', () => {
+
+  let fixture: ComponentFixture<ContainerComponent>;
+  let hostComponent: ContainerComponent;
+  let directiveElement: DebugElement;
+  let fileDropDirective: FileDropDirective;

  beforeEach(() => {
    TestBed.configureTestingModule({
-      imports: [FileUploadModule],
-      declarations: [ContainerComponent],
-      providers: [ContainerComponent]
+      imports: [ FileUploadModule ],
+      declarations: [ ContainerComponent ],
+      providers: [ ContainerComponent ]
    });
  });

-  it('should be fine', inject([ContainerComponent], (fixture:ComponentFixture<ContainerComponent>) => {
-    expect(fixture).not.toBeNull();
-  }));
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ContainerComponent);
+    hostComponent = fixture.componentInstance;
+
+    fixture.detectChanges();
+
+    directiveElement = fixture.debugElement.query(By.directive(FileDropDirective));
+    fileDropDirective = directiveElement.injector.get(FileDropDirective) as FileDropDirective;
+  });
+
+  it('can be initialized', () => {
+    expect(fixture).toBeDefined();
+    expect(hostComponent).toBeDefined();
+    expect(fileDropDirective).toBeDefined();
+  });
+
+  it('can set file uploader', () => {
+    expect(fileDropDirective.uploader).toBe(hostComponent.uploader);
+  });
+
+  it('can get uploader options', () => {
+    const options = fileDropDirective.getOptions();
+
+    // Check url set through binding
+    expect(options.url).toBe(hostComponent.url);
+
+    // Check default options
+    expect(options.autoUpload).toBeFalsy();
+    expect(options.isHTML5).toBeTruthy();
+    expect(options.removeAfterUpload).toBeFalsy();
+    expect(options.disableMultipart).toBeFalsy();
+  });
+
+  it('can get filters', () => {
+    const filters = fileDropDirective.getFilters();
+
+    // TODO: Update test once implemented
+    expect(filters).toEqual({});
+  });
+
+  it('handles drop event', () => {
+    spyOn(fileDropDirective, 'onDrop');
+
+    directiveElement.triggerEventHandler('drop', getFakeEventData());
+
+    expect(fileDropDirective.onDrop).toHaveBeenCalled();
+  });
+
+  it('adds file to upload', () => {
+    spyOn(fileDropDirective.uploader, 'addToQueue');
+
+    let fileOverData;
+    fileDropDirective.fileOver.subscribe((data: any) => fileOverData = data);
+
+    let fileDropData;
+    fileDropDirective.onFileDrop.subscribe((data: File[]) => fileDropData = data);
+
+    fileDropDirective.onDrop(getFakeEventData());
+
+    const uploadedFiles = getFakeEventData().dataTransfer.files;
+    const expectedArguments = [ uploadedFiles, fileDropDirective.getOptions(), fileDropDirective.getFilters() ];
+
+    expect(fileDropDirective.uploader.addToQueue).toHaveBeenCalledWith(...expectedArguments);
+    expect(fileOverData).toBeFalsy();
+    expect(fileDropData).toEqual(uploadedFiles);
+  });
+
+  it('handles dragover event', () => {
+    spyOn(fileDropDirective, 'onDragOver');
+
+    directiveElement.triggerEventHandler('dragover', getFakeEventData());
+
+    expect(fileDropDirective.onDragOver).toHaveBeenCalled();
+  });
+
+  it('handles file over', () => {
+    let fileOverData;
+    fileDropDirective.fileOver.subscribe((data: any) => fileOverData = data);
+
+    fileDropDirective.onDragOver(getFakeEventData());
+
+    expect(fileOverData).toBeTruthy();
+  });
+
+  it('handles dragleave event', () => {
+    spyOn(fileDropDirective, 'onDragLeave');
+
+    directiveElement.triggerEventHandler('dragleave', getFakeEventData());
+
+    expect(fileDropDirective.onDragLeave).toHaveBeenCalled();
+  });
+
+  it('handles file over leave', () => {
+    let fileOverData;
+    fileDropDirective.fileOver.subscribe((data: any) => fileOverData = data);
+
+    fileDropDirective.onDragLeave(getFakeEventData());
+
+    expect(fileOverData).toBeFalsy();
+  });
 });
+
+function getFakeEventData(): any {
+  return {
+    dataTransfer: {
+      files: [ 'foo.bar' ],
+      types: [ 'Files' ]
+    },
+    preventDefault: () => undefined,
+    stopPropagation: () => undefined
+  }
+}
--- a/src/spec/file-select.directive.spec.ts
+++ b/src/spec/file-select.directive.spec.ts
@@ -0,0 +1,99 @@
+import { TestBed, ComponentFixture } from '@angular/core/testing';
+import { Component, DebugElement } from '@angular/core';
+import { By } from '@angular/platform-browser';
+
+import { FileUploadModule } from '../file-upload/file-upload.module';
+import { FileSelectDirective } from '../file-upload/file-select.directive';
+import { FileUploader } from '../file-upload/file-uploader.class';
+
+@Component({
+  selector: 'container',
+  template: `<input type="file"
+                    ng2FileSelect
+                    [uploader]="uploader"
+             />`
+})
+export class ContainerComponent {
+  public get url(): string { return 'localhost:3000'; }
+  public uploader: FileUploader = new FileUploader({ url: this.url });
+}
+
+describe('Directive: FileSelectDirective', () => {
+  let fixture: ComponentFixture<ContainerComponent>;
+  let hostComponent: ContainerComponent;
+  let directiveElement: DebugElement;
+  let fileSelectDirective: FileSelectDirective;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [ FileUploadModule ],
+      declarations: [ ContainerComponent ],
+      providers: [ ContainerComponent ]
+    });
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ContainerComponent);
+    hostComponent = fixture.componentInstance;
+
+    fixture.detectChanges();
+
+    directiveElement = fixture.debugElement.query(By.directive(FileSelectDirective));
+    fileSelectDirective = directiveElement.injector.get(FileSelectDirective) as FileSelectDirective;
+  });
+
+  it('can be initialized', () => {
+    expect(fixture).toBeDefined();
+    expect(hostComponent).toBeDefined();
+    expect(fileSelectDirective).toBeDefined();
+  });
+
+  it('can set file uploader', () => {
+    expect(fileSelectDirective.uploader).toBe(hostComponent.uploader);
+  });
+
+  it('can get uploader options', () => {
+    const options = fileSelectDirective.getOptions();
+
+    // Check url set through binding
+    expect(options.url).toBe(hostComponent.url);
+
+    // Check default options
+    expect(options.autoUpload).toBeFalsy();
+    expect(options.isHTML5).toBeTruthy();
+    expect(options.removeAfterUpload).toBeFalsy();
+    expect(options.disableMultipart).toBeFalsy();
+  });
+
+  it('can get filters', () => {
+    const filters = fileSelectDirective.getFilters();
+
+    // TODO: Update test once implemented
+    expect(filters).toEqual({});
+  });
+
+  it('can check if element is empty', () => {
+    const isElementEmpty = fileSelectDirective.isEmptyAfterSelection();
+
+    expect(isElementEmpty).toBeFalsy();
+  });
+
+  it('can listed on change event', () => {
+    spyOn(fileSelectDirective, 'onChange');
+
+    directiveElement.triggerEventHandler('change', {});
+
+    expect(fileSelectDirective.onChange).toHaveBeenCalled();
+  });
+
+  it('handles change event', () => {
+    spyOn(fileSelectDirective.uploader, 'addToQueue');
+
+    fileSelectDirective.onChange();
+
+    const expectedArguments = [ directiveElement.nativeElement.files,
+      fileSelectDirective.getOptions(),
+      fileSelectDirective.getFilters() ];
+    expect(fileSelectDirective.uploader.addToQueue).toHaveBeenCalledWith(...expectedArguments);
+  });
+});
--- a/src/tsconfig.json
+++ b/src/tsconfig.json
@@ -28,7 +28,7 @@
  ],
  "files": [
    "../scripts/typings.d.ts",
-    "./ng2-file-upload.ts",
+    "./ng2-chunk-file-upload.ts",
    "./index.ts"
  ],
  "angularCompilerOptions": {
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -0,0 +1,24 @@
+{
+	"compileOnSave": false,
+	"compilerOptions": {
+		"outDir": "./dist/out-tsc",
+		"sourceMap": true,
+		"declaration": false,
+		"moduleResolution": "node",
+		"emitDecoratorMetadata": true,
+		"experimentalDecorators": true,
+		"target": "es5",
+		"typeRoots": [
+			"node_modules/@types"
+		],
+		"lib": [
+			"es2017",
+			"dom"
+		],
+		"plugins": [
+			{
+				"name": "tslint-language-service"
+			}
+		]
+	}
+}
--- a/tslint.json
+++ b/tslint.json
@@ -1,12 +1,136 @@
 {
-  "extends": "tslint-config-valorsoft",
-  "rulesDirectory": "./node_modules/codelyzer",
-  "rules": {
-    "no-forward-ref": false,
-    "no-null-keyword": false,
-    "only-arrow-functions": false,
-    "no-access-missing-member": false,
-    "directive-selector": false,
-    "component-selector": false
-  }
-}
+	"rulesDirectory": [
+		"node_modules/codelyzer"
+	],
+	"rules": {
+		"trailing-comma": [
+			true,
+			{
+				"multiline": "always",
+				"singleline": "never"
+			}
+		],
+		"arrow-return-shorthand": true,
+		"callable-types": true,
+		"class-name": true,
+		"comment-format": [
+			true,
+			"check-space"
+		],
+		"eofline": true,
+		"forin": true,
+		"import-blacklist": [
+			true
+		],
+		"import-spacing": true,
+		"indent": [
+			true,
+			"tabs",
+			4
+		],
+		"interface-over-type-literal": true,
+		"label-position": true,
+		"max-line-length": [
+			true,
+			180
+		],
+		"member-access": false,
+		"no-arg": true,
+		"no-console": [
+			true,
+			"debug",
+			"log",
+			"time",
+			"timeEnd",
+			"trace"
+		],
+		"no-construct": true,
+		"no-debugger": true,
+		"no-duplicate-super": true,
+		"no-empty": false,
+		"no-empty-interface": true,
+		"no-eval": true,
+		"no-misused-new": true,
+		"no-non-null-assertion": true,
+		"no-shadowed-variable": true,
+		"no-string-literal": false,
+		"no-string-throw": true,
+		"no-switch-case-fall-through": true,
+		"no-trailing-whitespace": true,
+		"no-unnecessary-initializer": true,
+		"no-use-before-declare": true,
+		"no-var-keyword": true,
+		"object-literal-sort-keys": false,
+		"one-line": [
+			true,
+			"check-open-brace",
+			"check-catch",
+			"check-else",
+			"check-whitespace"
+		],
+		"prefer-const": true,
+		"quotemark": [
+			true,
+			"single"
+		],
+		"radix": true,
+		"semicolon": [
+			true
+		],
+		"triple-equals": [
+			true,
+			"allow-null-check"
+		],
+		"typedef-whitespace": [
+			true,
+			{
+				"call-signature": "nospace",
+				"index-signature": "nospace",
+				"parameter": "nospace",
+				"property-declaration": "nospace",
+				"variable-declaration": "nospace"
+			}
+		],
+		"typeof-compare": true,
+		"unified-signatures": true,
+		"variable-name": false,
+		"whitespace": [
+			true,
+			"check-branch",
+			"check-decl",
+			"check-operator",
+			"check-separator",
+			"check-type"
+		],
+		"directive-selector": [
+			true,
+			"attribute",
+			"ngx",
+			"camelCase"
+		],
+		"component-selector": [
+			true,
+			"element",
+			"ngx",
+			"kebab-case"
+		],
+		"ban": [
+			true,
+			"eval",
+			"fit",
+			"fdescribe",
+			{
+				"name": "$",
+				"message": "please don't"
+			}
+		],
+		"use-input-property-decorator": true,
+		"use-output-property-decorator": true,
+		"no-output-rename": true,
+		"use-life-cycle-interface": true,
+		"use-pipe-transform-interface": true,
+		"component-class-suffix": true,
+		"directive-class-suffix": true,
+		"no-unused-variable": true
+	}
+}
--- a/yarn.lock
+++ b/yarn.lock
Author	SHA1	Message	Date
Paulo	45e1812d0d	Updating Angular Version to 6	2018-05-23 16:23:19 -03:00
Paulo	04eef8895e	Updating Naming and Files to Work With Services	2018-05-23 12:35:49 -03:00
Paulo	8ae876445e	Improving ReadME	2018-03-09 10:22:26 -03:00
Paulo	5a84b9eb0c	Fixing Issues with file upload and adding more Helper classes!	2018-03-09 10:07:00 -03:00
Paulo	6c76a590eb	Improving the Chunk Method	2018-02-23 13:03:05 -03:00
Paulo	4ead005a66	Fixing README	2018-02-09 22:48:17 -02:00
Paulo	9e8aec3e4a	Adding Support For Chunk File Upload Changes to implement chunk file upload, more information on the README	2018-02-09 22:45:20 -02:00
Adrian Fâciu	fb48f4411d	Merge pull request #927 from Amos47/development Expand compression mime types	2017-12-09 23:07:49 +02:00
Adrian Fâciu	e423a3089c	Merge pull request #939 from mattmcsparran/patch-1 Updated Readme for easier implementation	2017-12-09 23:06:14 +02:00
Matthew McSparran	502789dad6	Updated Readme Updated to show what needs to be imported for a project to work like the demo.	2017-12-09 12:42:15 -05:00
Adrian Fâciu	d4bed8a045	Merge pull request #930 from adrianfaciu/release-1.3 Releasing 1.3.0	2017-11-25 19:09:39 +02:00
Adrian Fâciu	954240cfdc	Releasing 1.3.0	2017-11-25 19:07:56 +02:00
Jordan Amos	7d25b57e1b	expand compression mime types	2017-11-17 16:50:11 -08:00
Adrian Fâciu	0d97b76228	Merge pull request #904 from guanbo/options Update: setOptions	2017-10-22 13:03:45 +03:00
Adrian Fâciu	9d0408e595	Merge pull request #911 from WisdomFusion/development add file type .zip	2017-10-22 12:59:19 +03:00
WisdomFusion	35c5131c47	add file type .zip	2017-10-16 08:17:34 +08:00
Guan Bo	ccee135949	Update: setOptions prevent from overwrite options which set before, such as authToken	2017-10-09 15:42:00 +08:00
Adrian Fâciu	aa1448392b	Merge pull request #903 from adrianfaciu/chore/docs Updating docs and formatting files	2017-10-07 13:00:53 +03:00
Adrian Fâciu	e1e36bbab4	Updating docs and formating files	2017-10-07 12:48:05 +03:00
Adrian Fâciu	bcf40f4407	Merge pull request #649 from infinum/feature/file-like-object-with-raw-file Add rawFile in the file like object	2017-10-07 12:07:51 +03:00
Adrian Fâciu	e1bc9ff086	Merge pull request #658 from kopertop/development Adds some Fixes for AWS Support.	2017-10-07 12:06:23 +03:00
Adrian Fâciu	631b4aa607	Merge pull request #786 from albpara/feature/emit-event-when-file-is-selected Emit event when file is selected	2017-10-07 12:04:31 +03:00
Adrian Fâciu	57b2d0711d	Merge branch 'development' into feature/emit-event-when-file-is-selected	2017-10-07 11:53:53 +03:00
Adrian Fâciu	898f297967	Merge pull request #901 from davidmds/development Add response and function to modify the request body	2017-10-07 11:48:47 +03:00
David Martins	be7f164d98	Updating example	2017-10-06 17:22:20 -03:00
David Martins	4c0c4c70bc	Fixing bug in response	2017-10-06 17:20:26 -03:00
David Martins	c84046e86e	Update README	2017-10-04 17:03:16 -03:00
David Martins	14812e0cf7	Added option to send request body modifier function	2017-10-04 16:52:28 -03:00
David Martins	5357a243f6	Added event with return of request	2017-10-04 16:36:48 -03:00
Adrian Fâciu	5df3c5f076	Merge pull request #844 from spike31/patch-1 Fix correct path for isHTML5 option	2017-10-02 17:57:14 +03:00
Adrian Fâciu	7fc4945ff0	Merge pull request #857 from joshterrill/development Added onFileDrop() event to documentation	2017-10-02 17:50:35 +03:00
Adrian Fâciu	0370d334d7	Merge pull request #898 from adrianfaciu/chore/tests Fixing tests execution and adding a few more tests	2017-10-02 17:27:52 +03:00
Adrian Fâciu	048f534aa2	Adding tests for file select directive	2017-10-01 17:33:38 +03:00
Adrian Fâciu	0df30f996f	Fixing test execution on CI	2017-10-01 17:07:54 +03:00
Adrian Fâciu	6bdf60fac4	Adding tests for file drop directive	2017-09-26 23:04:21 +03:00
Adrian	eca11298ee	Fixed karma config	2017-09-26 21:40:55 +03:00
Joshua Terrill	28d98bc8af	Added onFileDrop() event to documentation In case anyone wants to use the onFileDrop event to handle the files in their own way, I've added it to the documentation.	2017-08-01 15:08:21 -07:00
Gilles Gauthier	74306fc210	Update simple demo Fix correct path for isHTML5 option	2017-07-12 11:35:55 +02:00
Alberto Para	1f0ca3072b	Emit event when file is selected	2017-05-08 23:55:06 +02:00
Dmitriy Shekhovtsov	41759be974	chore(package): dependencies upgrade	2017-04-10 13:57:32 +03:00
Dmitriy Shekhovtsov	e8d5ced3f6	chore(package): update to angular cli v1.0.0	2017-04-10 13:48:58 +03:00
smartm0use	7704e0e970	feat(package): relaxed peer dependencies to allow ng v4 (#713 ) Add Angular 4 peer dependencies support	2017-04-10 13:31:27 +03:00
Chris Moyer	a333c59f82	Make sure it's a string before trying to do indexOf	2017-03-07 09:59:55 -05:00
Chris Moyer	8b36c892d5	Fixes {{file_name}} template	2017-03-06 17:41:47 -05:00
Chris Moyer	0e17d55633	Adds some Fixes for AWS Support. AWS Requires any additional parameters to be specified BEFORE Files. This also adds the ability to specify a {{file_name}} template in any additional parameters to allow adding the filename to additional parameters. For example, you can now specify: additionalParameter: { key: "path/to/uploads/{{file_name}}" }	2017-03-06 17:30:18 -05:00
Charles Mark Maynard	99c83035d1	[On behalf of Lexmark]: Add export of FileLikeObject to allow callback to function (#619 )	2017-03-01 23:28:57 +02:00
Gabrijel Škoro	e08f80ee74	Add rawFile in the file like object	2017-02-28 10:09:26 +01:00
Dmitriy Shekhovtsov	cf12851e1d	chore(readme): badges updates	2017-01-18 15:19:20 +02:00