From 6db3c7e1603fa40fdfe91759f8462dad701d5344 Mon Sep 17 00:00:00 2001 From: Ibrahim Islam Date: Sat, 2 Apr 2016 16:46:09 +0600 Subject: [PATCH] exposes an event for file drop Emits an event passing in raw `File` dropped --- components/file-upload/file-drop.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/components/file-upload/file-drop.ts b/components/file-upload/file-drop.ts index 50d4a05..fe7db82 100644 --- a/components/file-upload/file-drop.ts +++ b/components/file-upload/file-drop.ts @@ -5,7 +5,7 @@ import { FileUploader } from './file-uploader'; @Directive({ selector: '[ng2-file-drop]', properties: ['uploader'], - events: ['fileOver'], + events: ['fileOver','onFileDrop'], host: { '(drop)': 'onDrop($event)', '(dragover)': 'onDragOver($event)', @@ -15,6 +15,7 @@ import { FileUploader } from './file-uploader'; export class FileDrop { public uploader:FileUploader; private fileOver:EventEmitter = new EventEmitter(); + private onFileDrop:EventEmitter = new EventEmitter(); constructor(private element:ElementRef) { } @@ -36,6 +37,7 @@ export class FileDrop { let filters = this.getFilters(); this._preventAndStop(event); this.uploader.addToQueue(transfer.files, options, filters); + this.onFileDrop.emit(transfer.files[0]); this.fileOver.next(false); }