Chrome 图片 EXIF 方向问题

Chrome Image EXIF Orientation Issue

我正在构建一个显示图片的网络应用程序。大部分图片由智能手机拍摄,带有EXIF旋转信息。 我公开了一个 url,其中 return 未经修改的图像 blob。

我注意到,当我将 url 放入 img 标签时 Chrome 不遵守 EXIF 方向数据,但是当我将 url 放入 chrome 时地址栏它显示带有图像的页面,然后它确实遵循 EXIF 方向。

抱歉我不能分享图片,我会尝试找到另一个我可以分享的例子。

有没有人注意到这个问题?

此行为的原因是 Chrome 仅当图片作为主文档直接显示在浏览器选项卡中时,才会根据 EXIF 数据自动旋转图片。

跟踪此实现的相关铬问题如下: https://bugs.chromium.org/p/chromium/issues/detail?id=56845

将来,Chrome(和其他浏览器)将允许开发人员为通过带有 CSS 图像旋转 属性 的 img 标签显示的图像启用自动旋转: https://bugs.chromium.org/p/chromium/issues/detail?id=158753

更新:从 Chrome 81 开始(已于 2020 年 5 月 13 日移至稳定版),img 标签和 backround-image 标签均支持此行为。 https://www.chromestatus.com/feature/6313474512650240