aa-fileupload

Angular > 2 library for File Upload.

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
aa-fileupload
Minified + gzip package size for aa-fileupload in KB

Readme

Overview Aa-Fileupload

This library contains a fileupload control for TRIBE Angular 2+ application development.

Build

Run npm run build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run npm test to execute the unit tests via Karma.

Installation

aa-fileupload is available as an NPM package. To install aa-fileupload in your project directory run:

$ npm install aa-fileupload --save

After installtion you can import aa-fileupload in your angular 2+ project by adding the AaFileuploadModule to your Module declaration as followed:

import { AaFileuploadModule } from 'aa-fileupload';

@NgModule({
  imports: [
    AaFileuploadModule
  ],
})
export class Module { }

How to use the control

To use the this fileupload control in an angular 2+ project simply add a wizard component to the html template of your component, like this:

<oo-tribe-fileupload 
    chooseLabel="Upload new file..." 
    name="myfile[]" url="http://localhost:63135/api/values" 
    accept="image/*" 
    dragPanelWide="false" 
    styleClass="ui-fileupload" 
    maxFileSize="1000000"></oo-tribe-fileupload>

Parameter overview

Possible <oo-tribe-fileupload> parameters:

Parameter name Possible Values Default Value
[chooseLabel] Any string Choose
[styleClass] Any available css classes as string ui-fileupload
[maxFileSize] File size in Number -
[accept] Mime type -
[url] file POST location -
[allowDragAndDrop] Boolean false
[allowMultiple] Boolean false
Please note, this library is still under active development!!!

TODO

  • SCSS Compilation
  • Rollup bundling
  • Verify Minify / Uglify
  • Install on Demo project
  • Bundle component SASS files
  • Test Integration
  • Progress Bar
  • Inline Feedback/ Messages
  • Build it locally through TeamCity

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.