Angular2 Filemanager

This project is a very simple Angular2 file manager.

Features

v0.5.0

• add multi selection configuration
• add onSingleFileSelect event, which could be use to select file

v0.4.4

• remove title from main template
• fix crop example
• fix preview
• fix example API

v0.4.3

• create FileManagerUploader service to control upload files, it could be override by external module

v0.4.2

• remove unnecessary export file

v0.4.1

• manage directory structure
• upload/delete files
• filter files in directory by mime types
• search file in directory by name
• preview files

Installation

Install npm package

npm i @rign/angular2-filemanager

Usage

In your project put this line

<filemanager  [multiSelection]="isMultiSelection" (onSingleFileSelect)="selectFile($event)">Loading...</filemanager>

Override API

To override endpoints to manage files and directories provide special provider in you module

@NgModule({
    ...
    providers: [
        ...
        {
            provide: 'fileManagerUrls',
            useValue: {foldersUrl: '/api/filemanager/folder', filesUrl: '/api/filemanager/file'}
        }
    ]
    ...
})

Demo

To run demo you have to serve frontend and backend. To do this run:

• frontend:

    npm start
  

• backend

    npm run backend
  

TODO

• files upload progress
• multi selection events (delete, select)