Preview Functionality

[denkomanceski]

I added previewUrl flag to the options which if true, the service will create DataUrl (File reader will convert the file to base64 format) and emit it via the _previewEmitter EventEmitter. The directives NgFileDrop and NgFileSelect are listening on this event and broadcast an Output event with the data.

The handler should assign that data to a src of an img.

Example: (assuming that previewUrl flag is true in the options)
In the html:

<input id="file" type="file"
             [ng-file-select]="options"
             (onPreviewData)="getDataM($event)"
             (onUpload)="handleUpload($event)">
<img class="previewImage" [src]="previewData"/>

And the handler should just:

 getDataM(data){
        this.previewData = data;
 }

I think this way is a good approach instead of appending image of our own since everyone can customize their previewImage and put it wherever they want

[denkomanceski]

I tested it in my own project and it works great.

[jkuri]

Hi Denko, thanks for your PR. This looks good. Can you also update documentation according to this please?

[denkomanceski]

Alright, I updated the README.md file as well with an example (the example is preview image + manual upload of the image)

[jkuri]

Thanks! Merging.