dc/ng2-file-upload
4
0
Fork 0
Code Issues 395 Pull Requests 27 Packages Projects Releases 4 Wiki Activity

exposes an event for file drop

Browse Source 
Emits an event passing in raw `File` dropped
This commit was merged in pull request #130.
This commit is contained in:
Ibrahim Islam
2016-04-02 16:46:09 +06:00
parent fbff80b3e8
commit 6db3c7e160
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/file-upload/file-drop.ts
View File

@@ -5,7 +5,7 @@ import { FileUploader } from './file-uploader';
@Directive({ @Directive({
selector: '[ng2-file-drop]', selector: '[ng2-file-drop]',
properties: ['uploader'], properties: ['uploader'],
events: ['fileOver'], events: ['fileOver','onFileDrop'],
host: { host: {
'(drop)': 'onDrop($event)', '(drop)': 'onDrop($event)',
'(dragover)': 'onDragOver($event)', '(dragover)': 'onDragOver($event)',
@@ -15,6 +15,7 @@ import { FileUploader } from './file-uploader';
export class FileDrop { export class FileDrop {
public uploader:FileUploader; public uploader:FileUploader;
private fileOver:EventEmitter<any> = new EventEmitter(); private fileOver:EventEmitter<any> = new EventEmitter();
private onFileDrop:EventEmitter<File> = new EventEmitter();
constructor(private element:ElementRef) { constructor(private element:ElementRef) {
} }
@@ -36,6 +37,7 @@ export class FileDrop {
let filters = this.getFilters(); let filters = this.getFilters();
this._preventAndStop(event); this._preventAndStop(event);
this.uploader.addToQueue(transfer.files, options, filters); this.uploader.addToQueue(transfer.files, options, filters);
this.onFileDrop.emit(transfer.files[0]);
this.fileOver.next(false); this.fileOver.next(false);
} }