Azure Blob Image Loading Sideways

我正在寫一個Azure雲計劃，並在從Azure blob存儲中加載圖像時遇到問題。當調用團塊文件中的HTML呈現：Azure Blob Image Loading Sideways

<img src="https://xxxx.blob.core.windows.net/folder/imagename.jpg" />

圖像負荷側向（左90度旋轉）。但是，直接查看文件路徑時，圖像會像預期的那樣正常加載。這些圖像相當大（大約2MB，寬度和/或高度可達2500px），而且對於較小的圖像我沒有這個問題。

有沒有人有任何建議，爲什麼圖像可以加載旋轉？

我將爲此提供一個登錄，顯示在行動的問題，但不幸的是它是一個客戶端，包含敏感數據。只是尋找任何可能導致這種行爲的建議（CSS中沒有任何旋轉或任何東西）。

2016-01-28 drewness

你有一個解決方案這已經？我遇到這個問題，無法找出問題所在。我只是加載blob uri的圖像src，並以某種方式加載橫盤。奇怪的。 – juniordeveloper

不幸的是，我對此沒有任何答案，還沒有找到解決辦法。如果你這樣做會很感興趣。 – drewness

我發現這個問題的解決方法，我使用[exif.js]（https://www.bram.us/2016/02/19/exif-js-javascript-library-for-reading-exif -image-metadata /）來修復方向問題。 – juniordeveloper

我現在唯一能猜到的就是你的javascript中的某些東西可能會與圖像一起玩。對不起，我不能有很大幫助過去認爲：當圖像被鍍鉻中直接打開/

2016-01-29 07:40:58

本質，鉻將把它作爲代替JPG，看看exif元數據，並正確旋轉它。

在你的情況下，使用img元素時，沒有翻譯發生（它只是用來加載圖像用的圖像是如何拍攝的方向）。

客戶方的解決將是使用：

img { 
image-orientation: from-image;

}

然而這個心不是在所有的瀏覽器都支持。

如果可以旋轉圖像服務器端，並刪除EXIF數據，圖像旋轉，這將確保所有圖像數據正確地旋轉（而不是從EXIF旋轉應用）

2018-01-24 11:42:15

回答