Загрузка изображения с URL-адреса ( https://image.jpg) в angular2

Question

type="file" class="dropify" id="image-file-upload" (change)="getFile($event);"

Выбранное пользователем изображение из локальной системы будет записано в событие и из целевых файлов в случае, мы получили изображение.

Таким же образом, если пользователь загружает изображение с URL-адреса из поля ввода текста.

type="text" class="form-control custom-image" [(ngModel)]="your_file" (keyup)="changeimage()" placeHolder="Enter Source URL here"

из этой области ввода, введен URL-адрес изображения, и он будет отображаться в области dropify, установив изображение по умолчанию dropify.

        var drEvent = $('.dropify').dropify({
        });
        drEvent = drEvent.data('dropify');
        drEvent.resetPreview();
        drEvent.clearElement();
        drEvent.settings.defaultFile = this.your_file;
        drEvent.destroy();
        drEvent.init();

Вот проблема:

событие изменения не происходит в

id="image-file-upload" (change)="getFile($event);"> in dropify class. 

Как загрузить изображение с URL-адреса с помощью dropify.