https://github.com/r-hannuschka/ngx-fileupload

angular x fileupload
https://github.com/r-hannuschka/ngx-fileupload

Last synced: about 2 months ago
JSON representation

angular x fileupload

• Host: GitHub
• URL: https://github.com/r-hannuschka/ngx-fileupload
• Owner: r-hannuschka
• License: mit
• Created: 2019-06-24T16:13:47.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2025-02-04T00:55:18.000Z (3 months ago)
• Last Synced: 2025-03-04T08:40:57.437Z (about 2 months ago)
• Language: TypeScript
• Homepage:
• Size: 16.1 MB
• Stars: 20
• Watchers: 2
• Forks: 7
• Open Issues: 24
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-angular - ngx-fileupload - [ngx-file-upload/core](https://github.com/r-hannuschka/ngx-fileupload/tree/master/src/projects/core) only contains services and classes to enable file upload with Angular. [ngx-file-upload/ui](https://github.com/r-hannuschka/ngx-fileupload/tree/master/src/projects/ui) contains components and pipes to provide a UI. (Table of contents / Third Party Components)
• fucking-awesome-angular - ngx-fileupload - <b><code>&nbsp;&nbsp;&nbsp;&nbsp;20⭐</code></b> <b><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7🍴</code></b> [ngx-file-upload/core](https://github.com/r-hannuschka/ngx-fileupload/tree/master/src/projects/core)) only contains services and classes to enable file upload with Angular. <b><code>&nbsp;&nbsp;&nbsp;&nbsp;20⭐</code></b> <b><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7🍴</code></b> [ngx-file-upload/ui](https://github.com/r-hannuschka/ngx-fileupload/tree/master/src/projects/ui)) contains components and pipes to provide a UI. (Table of contents / Third Party Components)

README

        
# ngx file upload

[![Codacy Badge](https://api.codacy.com/project/badge/Grade/dc2f1a553c31471a95184d397bf72eb3)](https://www.codacy.com/app/r-hannuschka/ngx-fileupload?utm_source=github.com&utm_medium=referral&utm_content=r-hannuschka/ngx-fileupload&utm_campaign=Badge_Grade)

[![DeepScan grade](https://deepscan.io/api/teams/6017/projects/7879/branches/86957/badge/grade.svg)](https://deepscan.io/dashboard#view=project&tid=6017&pid=7879&bid=86957)

[![codecov](https://codecov.io/gh/r-hannuschka/ngx-fileupload/branch/master/graph/badge.svg)](https://codecov.io/gh/r-hannuschka/ngx-fileupload)

[![dependencies Status](https://david-dm.org/r-hannuschka/ngx-fileupload/status.svg?path=src)](https://david-dm.org/r-hannuschka/ngx-fileupload?path=src)

[![youtube how tow](https://raw.githubusercontent.com/r-hannuschka/ngx-fileupload/master/bin/youtube.badge.svg)](https://www.youtube.com/watch?v=_dLyu2wceak&list=PL8Y_IacQr6GLyAVCQ12g5J04cY1DL0eSI&index=1)

Angular 13 Mono Repo for asynchronous file uploads.

Formerly @ r-hannuschka / ngx-fileupload library which has now been divided into 2 areas.

- ngx-file-upload / core which only contain services / classes to enable file upload with Angular

- ngx-file-upload / ui which contains the components / pipes to provide a UI.

This ensures that if a completely own UI is to be built (without ngx-file-upload / ui) the overhead of SCSS, fonts, images and components no longer exists.

[![ngx file upload demo on youtube](./docs/ngx-fileupload.png)](http://www.youtube.com/watch?v=KpHKw0AEOqg)

| | |   |

|---|---|---|

| [![](https://github.com/r-hannuschka/ngx-fileupload/workflows/ngx-file-upload/core/badge.svg?branch=master)](https://github.com/r-hannuschka/ngx-fileupload/tree/master/src/projects/core) | core files for async file uploads with angular | [![npm](https://img.shields.io/npm/v/@ngx-file-upload/core.svg?maxAge=2592000?style=plastic)](https://www.npmjs.com/package/@ngx-file-upload/core) |

| [![](https://github.com/r-hannuschka/ngx-fileupload/workflows/ngx-file-upload/ui/badge.svg?branch=master)](https://github.com/r-hannuschka/ngx-fileupload/tree/master/src/projects/ui) | ui components for ngx-file-upload | [![npm](https://img.shields.io/npm/v/@ngx-file-upload/ui.svg?maxAge=2592000?style=plastic)](https://www.npmjs.com/package/@ngx-file-upload/ui) |

| [![](https://github.com/r-hannuschka/ngx-fileupload/workflows/ngx-fileupload/badge.svg?tag=3.4.3)](https://github.com/r-hannuschka/ngx-fileupload/tree/3.4.3) | full package contains (ui and core) (no longer maintained) | [![npm](https://img.shields.io/npm/v/@r-hannuschka/ngx-fileupload.svg?maxAge=2592000?style=plastic)](https://www.npmjs.com/package/@r-hannuschka/ngx-fileupload) |

## Demo

Watch [Demo](https://r-hannuschka.github.io/ngx-fileupload/#/) to see ngx fileupload in action, customizing views and add validations.

## Credits

Special thanks for code reviews, great improvements and ideas to

||||  

|:-:|:-:|:-:|

|[![alt Konrad Mattheis](https://avatars2.githubusercontent.com/u/1100969?s=60&v=4)](https://github.com/konne)
Konrad Mattheis| [](https://github.com/thomashaenig)
Thomas Haenig| [![alt Alexander Görlich](https://avatars0.githubusercontent.com/u/13659581?s=60&v=4)](https://github.com/AlexanderGoerlich)  
Alexander Görlich|

## Author

Ralf Hannuschka [Github](https://github.com/r-hannuschka)

## Other Modules

- [ngx-responsivemenu](https://github.com/r-hannuschka/ngx-responsivemenu)