圖像上傳然後自動圖像在預覽圖像標籤中旋轉？

Question

我上傳的圖像在文件上傳控制的變化事件，然後圖像自動旋轉看到預覽標記在我的asp.net mvc c＃但我上傳現有的圖像上傳它是好的，但我點擊iPhone中的圖像，然後圖像上傳時間圖像旋轉。以下代碼用於預覽圖像。

這是我的文件上傳控制

<img id="PreviewImage" class="mb20" width="300" src="../@Url.Content(@Url.Content(Model.ProfileImage))" />           
    @Html.TextBoxFor(model => model.UserFileUpload, new { type = "file", onchange = "ShowVehicleImagePreview(this)" }) 

這是我的功能

function ShowVehicleImagePreview(input) { 
    if (input.files && input.files[0]) { 
     var readervehicle = new FileReader(); 
     readervehicle.onload = function (e) { 
      $('#PreviewImage').prop('src', e.target.result).width(300); 
     }; 
     readervehicle.readAsDataURL(input.files[0]); 
    } 
} 

任何一個有關於這個問題的想法？

Answer 1

也許圖像文件，它有自己的元數據orientation和iPhone展示給你的正確旋轉，因爲它的校正圖像，也許這回答可以幫助：
How to rotate JPEG images based on the orientation metadata?