Загрузчик изображений FileReader не работает в angular 6

Question

Я реализую небольшое приложение для чата, используя socket.io. все работает отлично. Также мне нужно загрузить изображение в чат и уже реализовано.

Мой код работает, если я поставлю точку останова . (см. изображение ниже)

Я добавил точку останова к reader.readAsDataURL (event.target.files [0]); и отладка

Но когда я проверяю это без точки останова, это не работает. reader.result равно нулю.

Нужно ли добавить sleep () когда-нибудь?

onFileChanged(event) {
 
    var reader = new FileReader();   
    reader.readAsDataURL(event.target.files[0]); 
    
    alert(reader.result );
    //chat box inputcode here
}

<form novalidate="" #chatForm="ngForm" autocomplete="off">
    
    <a type="button"  (click)="fileInput.click()">
         <i class="glyphicon glyphicon-picture"></i>
     </a>
   
   <input style="display: none" type="file"(change)="onFileChanged($event)" #fileInput>   
   
   <input [(ngModel)]="_sendMessage.message" name="inputMessage" type="text"(keypress)="eventHandler($event)"  />

</form>

Answer 1

Наконец-то я решил проблему. Я поставил свой ответ, чтобы помочь другим, таким как я: D

 onFileChanged(event) {
 
    var reader = new FileReader();   
    reader.readAsDataURL(event.target.files[0]); 
    
    reader.onload = (e) =>  {
         alert(reader.result );
        //chat box inputcode here
    }

}