javascript - 当我们从移动相机上传时，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;
    };
  }
}

它显示旋转的图像，如果有相关的工作代码，请告诉我。

提前致谢

标签： javascriptangular6exifimage-upload