# balocodes-ng-uploader

> Simple file uploader for angular 2

Latest version **1.4.6** (published 2017-08-21) · ISC license · 0 weekly downloads

## Install

```sh
npm install balocodes-ng-uploader
pnpm add balocodes-ng-uploader
yarn add balocodes-ng-uploader
bun add balocodes-ng-uploader
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.4.6 |
| Published | 2017-08-21 |
| First published | 2017-08-06 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Amin Balogun |
| Maintainers | balocodes |
| Keywords | Angular, 2, Angular, 4, file, uploader |

## Links

- npm: https://www.npmjs.com/package/balocodes-ng-uploader
- Repository: https://github.com/balocodes/balocodes-ng-uploader
- Homepage: https://github.com/balocodes/balocodes-ng-uploader#readme
- Issues: https://github.com/balocodes/balocodes-ng-uploader/issues
- npm.io page: https://npm.io/package/balocodes-ng-uploader

## Dependencies (1)

- [rxjs](https://npm.io/package/rxjs.md) ^5.4.2

## Alternatives

- [unionfs](https://npm.io/package/unionfs.md) — 2.2M weekly downloads
- [path-starts-with](https://npm.io/package/path-starts-with.md) — 35.9K weekly downloads
- [redzip](https://npm.io/package/redzip.md) — 1.2K weekly downloads
- [vscode-anymatch](https://npm.io/package/vscode-anymatch.md) — 848 weekly downloads
- [@ledgerhq/coin-filecoin](https://npm.io/package/@ledgerhq/coin-filecoin.md) — 793 weekly downloads

## Recent versions

- 1.4.6 (latest) — 2017-08-21
- 1.4.5 — 2017-08-07
- 1.4.4 — 2017-08-07
- 1.4.3 — 2017-08-07
- 1.3.3 — 2017-08-07
- 1.3.2 — 2017-08-07
- 1.3.1 — 2017-08-07
- 1.3.0 — 2017-08-07
- 1.2.2 — 2017-08-07
- 1.2.1 — 2017-08-07
- 1.2.0 — 2017-08-07
- 1.1.9 — 2017-08-07
- 1.1.8 — 2017-08-07
- 1.1.7 — 2017-08-06
- 1.1.6 — 2017-08-06
- … 14 more at https://npm.io/package/balocodes-ng-uploader/versions

## README

## Install

```
$ npm install balocodes-ng-uploader
```

## Requirements

```js
import { BaloUploader } from 'balocodes-ng-uploader'; //in your module
providers:[BaloUploader,...]; //add to you providers

/*In your component*/
import { BaloUploader } from 'balocodes-ng-uploader';
import { RequestOptions, Http, Headers } from '@angular/http';


constuctor(public balo:BaloUploader, public _http:Http){}
```

## Usage
```html
<!--In your html -->
<input type="file" (change)="captureFile($event)">
<!-- That's it -->
```

```js
//back to your component 

/*Finally, we post*/
captured:any; //a variable to grab the result 
captureFile(event){
//the uploader takes an object
let fire = {    
    event, 
    type:0, 
    http:this._http,
    ro:RequestOptions, 
    url:null, //if you are submitting immediately
    yourFormData:null, //if you have an existing FormData, file will be appended to it
    contentType:false
}
    this.captured = this.balo.baloAction(fire); //file has been captured

    /*if you are using type:1, i.e you want to submit the image
    as soon as it is selected, you have to subscribe to get your json result

    this.balo.baloAction(fire).subscribe(data=>{
        this.captured = data;
    })
    */
}

```

## Note
```
You may access the file from the returned formdata using the name 'file'
```

## Definitions
```js
```type:``` 0 or 1; 
/* 0 if you only want to capture a file so you can upload later. 
   type:0 Returns form data containing your file.
   1 if you want to upload the file as soon as it is selected.
   type:1 returns a json() response */

```http``` 
/* instance of Http*/

```ro```
/* An instance of RequestOptions
 */

```url```
/* this defines destination of your submitted formData(should you decide 
   to post it immediately) e.g http://localhost:3000/uploads
*/

```yourFormdata```
/* If you have already created an instance of FormData, 
   You can add your file to it and post them at once*/

```contentType```
/* set to true if you want to attach 'Content-Type', 'multipart/form-data'
   to your header. Can be false in Angular 4 */
```

## License

Copyright © 2017, [Amin Balogun] (http://balocodes.herokuapp.com)

---
_Source: https://npm.io/package/balocodes-ng-uploader · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._