我有以下代码,可以很好地获取用户选择的图像并显示为预览。但是,在运行IOS的设备上上传的图像存在旋转问题 - 它们在预览时旋转。我知道我需要访问图像的EXIF数据以了解旋转的数量。问题是,我无法在现有代码的基础上使用它。
这是当前有效的功能 - 不包括ios上传问题:
function changeAvatar(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
var avatar = jQuery('.avatar_class');
reader.onload = function(e) {
loadImage(
e.target.result,
function (img) {
var imgUrl = e.target.result;
jQuery(avatar).css({'background-image': 'url('+imgUrl+')'});
jQuery('.image_value').attr({'val':imgUrl});
}
);
},
reader.readAsDataURL(input.files[0]);
}
}
jQuery('#avatarUpload').change(function() {
changeAvatar(this);
});
我已经尝试了大多数我在这里找不到的脚本而没有运气。我只是不确定如何访问EXIF数据,然后运行一个switch语句,它将使用attr rotate(xdeg)添加css变换。
非常感谢任何建议!
现在问题