onUpload event not fired with autoUpload: false option about ng2-fancy-image-uploader HOT 4 CLOSED

Hello,
onUpload is triggered when actual upload happens.
There is another output onStatusChange which I guess is what you want. Then in your component you can check for status Selected and get data url from referenced FancyImageUploaderComponent object:

@ViewChild(FancyImageUploaderComponent) imageUploader: FancyImageUploaderComponent;

imageUploaderStatusChanged(status: Status) {
  if (status === Status.Selected) {
    let dataUrl = imageUploader.imageThumbnail;
  }
}

I haven't tried this sample so not sure if that will work.

from ng2-fancy-image-uploader.

(onStatusChange)="imageUploaderStatusChanged($event)"

The above solution works.

from ng2-fancy-image-uploader.

Now the question arise how to invoke upload when autoUpload is false?

from ng2-fancy-image-uploader.

Declare a variable for the component and call upload():

<fancy-image-uploader
    #imageUploader
    [options]="options">
</fancy-image-uploader>

<button type="button" (click)="imageUploader.upload()">Upload</button>

from ng2-fancy-image-uploader.