有时同一图像有时会旋转 180 度答案

【问题标题】：the same image is sometimes rotated 180 degrees sometimes有时同一图像有时会旋转 180 度
【发布时间】：2014-07-25 14:59:01
【问题描述】：

我正在使用 filepicker.io 将图像从 iOS 设备上传到 Filepicker。

在我的代码中，我使用图像标签“>”。当我查看图像时： 1) 在桌面浏览器 (Chrome) 上它是颠倒的（旋转 180 度） 2) 我从我的移动设备 (iOS) 查看相同的 HTML 页面，这是正确的方式。 3）如果我只是在浏览器中查看 filepicker.io 链接（我不是通过 imag 标记），那是正确的方式。

有什么想法吗？

【问题讨论】：

标签： filepicker.io

【解决方案1】：

确实有些浏览器会忽略 EXIF 方向信息。这主要影响 IOS 设备。我通过在上传图像后立即转换图像来解决这个问题：

filepicker.convert(InkBlob, 
     {width: 800, format: 'jpg', quality: 85, rotate: "exif"}...

【讨论】：

谢谢。试图看看我是否可以解决客户端问题。我最终使用 graphicsmagick.org 并使用 .autoOrient() 在服务器端进行操作，这与使用 filepicker 转换选项几乎相同。再次感谢。
我们也这样做了一段时间，但由于我们让文件选择器写入 S3 存储桶，所以让他们这样做会更有效率。

【解决方案2】：

好的，这是“方向”，我猜有些浏览器似乎会自动应用/修复这个问题。简而言之，我需要找出方向是什么，然后相应地应用/旋转图像。

我已经设法使用 JavaScript loadImage 手动执行此操作。

我正在尝试解决如何在此线程Can't get EXIF info using loadImage.parseMetaData 中动态执行此操作，我知道该怎么做，但它不起作用……但我将在该线程中对其进行整理。

【讨论】：