HTML5文件阅读器api纵向定向问题

我正在尝试使用HTML5文件阅读器api显示来自用户计算机的图像。这是一把小提琴：

问题是，当我试图上传一个纵向的图像时，当我把它放在IMG标签中时，图像被“翻转”。如果我在Mac上的预览中打开相同的图像，它将正确打开。有没有一种方法可以让我用FileReader以正确的方向显示图像

//js
$(function(){

    $('input').on('change', function(e){
        var reader = new FileReader();
        reader.onload = function(e){
            $('img').attr('src', e.target.result);
        };
        reader.readAsDataURL(e.target.files[0]);
    });
});

//html
<input type="file" name="photo" />

<img class="photo" src="" />

//js
$（函数（）{
$（'input'）。关于（'change'，函数（e）{
var reader=new FileReader（）；
reader.onload=函数（e）{
$（'img'）.attr（'src'，e.target.result）；
};
reader.readAsDataURL（e.target.files[0]）；
});
});
//html

问题在于原始图像的方向错误，但Mac电脑会自动修复它，而这里的最小javaScript代码无法做到这一点。对于这张图片，您可以修复它，但它有点复杂-以下是一篇文章：

如果您需要防止用户出现这种情况，您可能只需要添加一些代码，允许用户从您的应用程序更改上传图像的方向