Проблема поворота изображения в angular6 при загрузке с мобильной камеры

Question

Когда я загружаю изображение с помощью мобильной камеры, оно отображается повернутым, кто-нибудь знает почему?

Я использую следующий код:

<input id="upload" class="file-upload__input" type="file" name="image" 
       (change)="onFileChanged($event)">
<div>
  <img src="{{url}}">
</div>

Мой файл ts выглядит следующим образом:

onFileChanged(event) {
  if (event.target.files && event.target.files[0]) {
    const reader = new FileReader();
    reader.readAsDataURL(event.target.files[0]);
    reader.onload = (events: any) => {
      this.url = events.target.result;
    };
  }
}

Это показывает повернутое изображение, пожалуйста, дайте мне знать, если есть соответствующий рабочий код.

Заранее спасибо