圖像在html5預覽中的錯誤方向

Question

假設我的圖像不正確（我在窗口瀏覽器中打開它，圖像不正確），但是當我將它上傳到某個服務器（如gmail，stackoverflow）時。圖像變得直立。

我問這個問題是，我正在用html5和javascript寫預覽邏輯。我談論的圖像顯示了我在窗口瀏覽器中看到的內容。只是想知道服務器是否做了一些技巧來調整方向？如果您使用腳本像ImageInfo你可以獲取EXIF數據（如果

Answer 1

我猜你正在談論的是使用canvas元素生成或操縱客戶端的圖像，然後將其重新映射回img標記。正確？

服務器端，可以通過查看圖像的EXIF方向標誌來確定方向。有可能使用像jQuery fileExif這樣的庫來檢查這個標誌客戶端。

Answer 2

：在窗口中顯示

圖片：

圖片直接上傳到堆棧溢出圖像有它）。如果沒有，你幾乎不知道它爲什麼發生。在您正在使用的計算機上可能會顯示一些「假」字樣。一些圖像管理者可能會保留原始旋轉圖像的重複。

EXIF屬性Orientation可能會告訴您圖像是否更改，基於其尺寸與其方向相比。

Answer 3

在服務器端：
您可以使用一個工具，如圖形魔術自動定向正確的圖像：http://www.graphicsmagick.org/GraphicsMagick.html

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