Image Upload dann automatisch Bild drehen in Preview Image Tag?

Question

Ich lade das Bild in Datei Upload-Steuerelement auf Änderung Ereignis dann Bild wird automatisch drehen in Vorschau-Tag in meinem asp.net mvc C# sehen, aber ich bin das vorhandene Bild Upload hochladen es ist gut, aber ich bin auf das Bild in iPhone dann Bild klicken sind upload, dass die Zeit Bild ist zu drehen. Dieser untere Code wird für das Vorschaubild verwendet.

Dies ist meine Datei-Upload-Steuerelement

<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)" }) 

das ist meine Funktion

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]); 
    } 
} 

Jeder die Idee zu diesem Problem haben?

Answer 1

Vielleicht ist es die Bilddatei selbst hat orientation Metadaten und das iPhone es Ihnen zeigen, wie richtig gedreht, da es das Bild ist zu korrigieren, vielleicht kann diese Antwort helfen:
How to rotate JPEG images based on the orientation metadata?