Estou usando esta função jQuery para exibir a imagem antes de fazer o upload. As imagens são carregadas de dispositivos móveis e têm problemas com a orientação exif. Esta função apenas altera o src da imagem de visualização com o código base64 da imagem real do arquivo.

No lado do servidor (php), estou usando uma função para corrigir a rotação exif no upload.

Posso fazer algo semelhante em jQuery ao meu código PHP? Para que eu possa exibir a imagem antes de fazer o upload com a rotação correta?

Javascript

function readURL(input) {

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

        reader.onload = function (e) {
            $('#blah').attr('src', e.target.result);
        }

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

$("#imgInp").change(function(){
    readURL(this);
});

PHP

function image_fix_orientation($filename) {
    $exif = exif_read_data($filename);
    if (!empty($exif['Orientation'])) {
        $image = imagecreatefromjpeg($filename);
        switch ($exif['Orientation']) {
            case 3:
                $image = imagerotate($image, 180, 0);
                break;

            case 6:
                $image = imagerotate($image, -90, 0);
                break;

            case 8:
                $image = imagerotate($image, 90, 0);
                break;
        }

        imagejpeg($image, $filename, 100);
    }
}