小编whi*_*its的帖子

我不知道如何解释这个,但我会尽我所能.我需要构建一个Web应用程序,用户可以在其中拍摄他的照片并上传到服务器.当我尝试在肖像或横向模式下拍照并预览它.图像似乎旋转了90度.

如何在预览图像时解决此问题

 <input type="file">
 <div class="preview-nodeCenter nodeCenter fadeChange">
 </div>

Onload我将图像设置为div的背景.

$('input').change(function() {
    var fr = new FileReader;
    fr.onload = function() { 
        var data = fr.result;
        $( ".nodeCenter" ).css( "background-image", 'url(' + data + ')' );
        //img.src = fr.result;
    };
    fr.readAsDataURL(this.files[0]);
});

这是链接到小提琴http://jsfiddle.net/vh9ecjej/1/

尝试从手机拍照或上传手机拍摄的照片(我用iphone进行测试)