在正确旋转上传之前渲染图像时，我遇到了 JavaScript 问题。似乎当您渲染图像时，仅在 exif 数据上具有正确的旋转，浏览器不使用它。
当图像通过 JavaScript 在网站上显示时，用户会看到他们系统上的内容之间的不同轮换。
代码非常基本：
你知道纠正这个旋转错误的简单方法吗？
LbEmeraude.handleImage = function (f) {
if (f.type.match('image.*')) {
var reader = new FileReader();
reader.onload = (function (file) {
return function (e) {
var image = {};
image.dataAsUrl = e.target.result;
LbEmeraude.renderImage(image);
};
})(f);
var image = reader.readAsDataURL(f);
}
}
LbEmeraude.renderImage = function (image) {
var eImage = LbEmeraude.createImgElement(image.dataAsUrl);
$('someElement').append(eImage);
};
LbEmeraude.createImgElement = function (src) {
var image = document.createElement("img");
image.src = src;
return image;
}
感谢您的关注。