我正在尝试使用 HTML5 FileReader api 显示来自用户计算机的图像。这是一个小提琴:http: //jsfiddle.net/xEzcZ/。
问题是,当我尝试上传纵向图像时,当我将图像放在 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="" />