unicorn-components/src/components/forms/image-picker/image-picker.component.html

<a target="_blank" href="https://getunicorn.io"><img src="https://bitbucket-assetroot.s3.amazonaws.com/c/photos/2017/Jul/07/2615006260-5-nitsnetsstudios-ondemand-UNI_avatar.png" align="left"></a>

<label class="uni-image-picker__inner" droppable="true" (uniDragenter)="onDragEnter($event)" (dragover)="onDragOver($event)" (uniDragleave)="onDragLeave($event)"
    (drop)="onDrop($event)" [ngClass]="{'uni-image-picker__inner--dragging': dragging}">

    <div class="uni-image-picker__placeholder" *ngIf="!imageData">
        <uni-icon class="uni-image-picker__icon" icon="photo" size="large"></uni-icon>
        <p class="uni-image-picker__label">
            {{label || 'Click or drop an image to upload'}} <br> ({{width}} x {{height}})
        </p>
    </div>
    <div class="uni-image-picker__preview" *ngIf="imageData">
        <img class="uni-image-picker__image" [src]="imageData" alt="Image picker">
    </div>
    <input #inputFile type="file" accept="image/*" (change)="onImagePicked($event)" [style.display]="'none'">

</label>
<uni-button class="uni-image-picker__delete-btn" *ngIf="imageData" icon="delete" (click)="clear()"></uni-button>