https://github.com/ft115637850/ngx-folder-uploader

https://github.com/ft115637850/ngx-folder-uploader

angular folder upload upload-file upload-folder

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/ft115637850/ngx-folder-uploader
• Owner: ft115637850
• Created: 2018-11-08T08:42:39.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-11-13T01:09:54.000Z (over 7 years ago)
• Last Synced: 2025-10-25T13:43:23.077Z (8 months ago)
• Topics: angular, folder, upload, upload-file, upload-folder
• Language: TypeScript
• Size: 505 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Angular Folder Uploader



This is an Angular library for folder upload. This library only provides the core behavior of folder upload. Drag folders or files into the dropzone area. By event, it will send you the data to display or to upload. For appearance, you can define whatever you want. And because most frontend projects have their own services to send data to backend, this lib doesn't encapsulate POST method. Instead, it pass out the file data for you to post in your way.

![image](https://github.com/ft115637850/ngx-folder-uploader/blob/master/preview.gif)

## Browser versions tested

* Google Chrome 70

* Mozilla Firefox 63

* Apple Safari 11.1.0

## Installing an usage

`npm i ngx-folder-uploader-lib --save`

##### Load the module for your app

```javascript

import { NgxFolderUploaderLibModule } from 'ngx-folder-uploader-lib';

@NgModule({

  declarations: [

    ...

  ],

  imports: [

    ...,

    NgxFolderUploaderLibModule

  ],

  providers: [],

})

```

##### Use it in your HTML template

```html



```


```javascript

fuDropzone              // Used to declare dropzone area.

(filesLoaded)           // Event handler for dropzone load complete event. 

                        // It sends out

                        // folderData -- this is used for display folder structure.

                        // filesData  --  this is used for POST files to backend.

(dropZoneActive)        // Event handler for the dropzone active event.

(dropZoneInactive)      // Event handler for the dropzone inactive event.

(error)                 // Event handler for the dropzone error event.

```

For more detail, check `src/app` as example.