html - 图像显示方向错误

Question

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

在新标签页中查看图片时，它们显示正确!

这可能是有原因的吗？不胜感激。

我试过将 img 放在空白页上，没有用 anchor 包裹它，看看是否有影响，但没有。

Answer 1

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

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

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