从 androids 上传的图像仅在 android 设备上侧向显示答案

【问题标题】：Images uploaded from androids showing up sideways only on android device从 androids 上传的图像仅在 android 设备上侧向显示
【发布时间】：2021-02-26 05:43:36
【问题描述】：

我有一个图片托管网站（用 Vue.js 编写并存储在 firebase 中），用户可以在其中上传图片并发布标题。

在桌面、iOS 设备和 devtools 中的移动视图上，图像显示得很好（下面的图像 #1 和 #2）。

但是，在 Android 设备（小米红米 Note 5 和另一款廉价手机）和 Android 模拟器（Pixel 3a）上，图像会横向显示（下图 #3）。

奇怪的是，只有从这些 Android 设备上传的图片才会出现这种情况。所有其他图像均按预期显示。

【问题讨论】：

标签： android reactjs firebase mobile file-upload

【解决方案1】：

是的，因为有些照片是横向拍摄的，并且添加了元数据来指导客户在呈现时如何旋转。因此，一种解决方案是在上传之前旋转图像并删除元数据，或者保留元数据并更改客户端中的代码，以便它首先读取元数据以进行旋转 (EXIF)，然后在旋转后显示图像。

https://developer.android.com/reference/android/media/ExifInterface#TAG_ORIENTATION

【讨论】：