ios 肖像照片在上传时会翻转为风景

Question

我们有一个用 React 开发的 B2B 市场平台。用户可以提交待售车辆。

我们在使用 IOS 拍摄的肖像照片时遇到问题。实际上，当用户从他的画廊或直接拍摄照片时，我们以如下截图所示的形式显示照片。

截图1

因此在选择/拍摄肖像照片后即可正确显示。

但是一旦上传并保存，如果我们返回表单，肖像照片就会翻转为横向并保存为翻转状态，如下一个屏幕截图所示。

截图2

我们不做任何照片处理，所以我猜它在某个时候来自IOS。它在笔记本电脑和 Android 设备上就像一个魅力。

你们对这个问题有什么想法吗？您已经遇到/解决了吗？

我在网上没有找到有关此问题的相关信息，任何意见都将不胜感激。

我可以通过网站强制 IOS 仅在横向模式下工作吗？

Answer 1

经过更多调查。看来问题来自 EXIF 数据，这里也有解释 https://stackoverflow.com/a/63877633/5535520

但是这并没有帮助我们找到解决问题的方法。

事实上，我们在 API

sharp

包中使用来实际制作缩略图并将图像转换为 webp（所以实际上我们进行照片处理，我的错）。

Sharp 提供了

withMetadata()

方法来保存 EXIF 数据，但在我们的情况下这还不够。

但是，使用 Sharp 的

rotate()

方法将根据 EXIF 数据旋转照片，如 Sharp 文档中所述：https://sharp.pixelplumbing.com/api-operation#rotate

现在效果完美。