アップロード時に画像がデフォルトでローテーションされています

Question

サムスンS7を使用して写真を撮って自分のアプリケーションにアップロードしようとしています。しかし、画像はアップロード時に回転しています。ギャラリーからも画像を選択していてもアップロード時に回転しています。 jqueryコードから修正できるものはありますか？提案してください。事前のおかげで

HTML：

<div class="photo-div" id="photo"> 
       <img id="uploadimage" src="" hidden=""> 
      </div> 

<label id="files-label" for="files" class=" myprofile-btn-bold">Replace Image</label> 
<input id="files" style="display:none;" type="file" accept="image/*" onchange="readURL(this);"> 

のjQuery：

function readURL(input) { 

    if (input.files && input.files[0]) { 
     var reader = new FileReader(); 

     reader.onload = function (e) { 
      $('#files-label').html('Replace Image'); 
      $('.photo-image').removeClass('photo-image'); 
      $('#uploadimage').attr('src', e.target.result); 
      $("#headshot-message").hide(); 
      $("#headshot-cancel").hide(); 
      $('#noimage-label').addClass('hidden'); 
     } 

     reader.readAsDataURL(input.files[0]); 
    } 
} 

Answer 1

お使いの携帯電話のカメラアプリは、振り向くと、あなたの視点からそれらを見るように画像を保存しませんが、オリエンテーションセンサーからEXIF orientation dataでフラグを立てるだけです。この情報はギャラリーアプリで解釈されますが、ブラウザは無視して、センサーの視点で撮影した写真を表示します。

あなたはimagemagick auto-orientと、サーバー上のEXIFデータに応じた画像を好転させることができます：この記事で説明したように

convert uploadedImage.jpg -auto-orient turnedImage.jpg 

またはjQueryを使って、クライアント側で：

https://stackoverflow.com/a/28843763/2346308