图像显示方向错误

Question

我工作的公司将他们的一些产品图片存储在谷歌云存储中，我已经能够获取这些图片，但是当将 img 标签放到页面上时，它们的方向似乎是错误的，即横向肖像（在横向模式下拍摄的图像没有问题）。

在新标签中查看图像时，它们显示正确！

这可能是有原因的吗？欢迎提出建议。

我曾尝试将 img 放在空白页上，没有锚点包裹它，看看是否有影响，但没有。

Answer 1

我猜 OP 由于 EXIF 数据而出现问题。如果原始图像包含指示它们应该旋转的 EXIF 数据，则必须采取特殊措施让 Web 浏览器在显示页面时解释该数据。在这里讨论：

Is there a way to tell browsers to honor the jpeg exif orientation?

如果为 exif 方向提供的解决方案不可接受，则 OP 将不得不预处理图像以将它们旋转到正确的方向并将它们以这种方式保存在服务器端。然后可以在网页上传递正确旋转的图像。