Javascript html5预览中的图像方向错误

假设我的图像不是竖直的（我在窗口浏览器中打开它，图像不是竖直的），但是当我上传到某个服务器（比如gmail、stackoverflow）时。图像变得笔直

我问的问题是，我正在用html5和javascript编写一个预览逻辑。我谈论的图像显示了我在窗口浏览器中看到的确切内容。只是想知道服务器是否做了一些调整方向的技巧

在windows中显示的图像：

直接上载到堆栈溢出的图像：

如果您使用类似这样的脚本，则可以获取EXIF数据（如果图像中有）。如果没有，你几乎不知道为什么会发生。可能是您正在使用的计算机上显示了一些“假”信息。某些图像管理器可能保留原始旋转图像的副本

---

EXIF属性

Orientation

可能会根据图像的尺寸与方向进行比较，告诉您图像是否发生了更改。

我猜您指的是使用

canvas

元素在客户端生成或操作的图像，然后将该元素渲染回

img

标记。对吗

在服务器端，可以通过查看映像的EXIF方向标志来确定方向。可以使用库在客户端检查此标志，例如。

在服务器端：
您可以使用Graphics Magic之类的工具来正确自动定位图像：

---

“在窗口浏览器中打开”是什么意思？我上传了图片。

gm.exe -convert -auto-orient MyImage.jpg MyImageCorrectOrientation.jpg