ОШИБКА TypeError: невозможно прочитать свойство 'target' неопределенного --- в angular 6

Question

imageupload.ts

onChange(e) {
    const file = e.target.files[0];
    Storage.put(this.image, file, {
        contentType: 'image/jpg'
    })
    .then (result => console.log(result))
    .catch(err => console.log(err));
}

imageupload. html

<div class="form-group">
    <input type="file" accept='image/jpg' (change)="onChange($e)"/>
  </div>

Я пытаюсь загрузить изображение в s3 в angular, используя усиление. Я последовал коду реакции и попытался записать в файл ts и HTML. Но после выбора изображения видна следующая ошибка.

ERROR TypeError: Cannot read property 'target' of undefined

Кто-нибудь может мне помочь?

Answer 1

Проблема в том, что $e не определен. Вы хотите передать событие, которое определяется как $event в angular.

<div class="form-group">
  <input type="file" accept='image/jpg' (change)="onChange($event)"/>
</div>

Это должно сработать.