ng2-file-upload/components/file-upload

Usage

import {FileSelect, FileDrop, FileUploader} from 'ng2-file-upload';

Annotations

// class FileSelect
@Directive({
  selector: '[ng2-file-select]',
  properties: ['uploader'],
  host: {
    '(change)': 'onChange()'
  }
})

// class FileDrop
@Directive({
  selector: '[ng2-file-drop]',
  properties: ['uploader'],
  events: ['fileOver'],
  host: {
    '(drop)': 'onDrop($event)',
    '(dragover)': 'onDragOver($event)',
    '(dragleave)': 'onDragLeave($event)'
  }
})

FileSelect API

Properties

• uploader - (FileUploader) - uploader object. See using in demo

Parameters that supported by this object:

1. url - URL of File Uploader's route
2. authToken - auth token that will be applied as 'Authorization' header during file send.

FileDrop API

Properties

• uploader - (FileUploader) - uploader object. See using in demo

Events

• file-over - it fires during 'over' and 'out' events for Drop Area; returns boolean: true if file is over Drop Area, false in case of out. See using in ts demo and html demo