I am trying to take a photo and upload the same into my application using Samsung S7. But the image is being rotated upon upload. Even if I am selecting the image from gallery also, it is being rotated upon upload. Is there anything that we can fix from jquery code. Please suggest. Thanks in advance

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

    }

}