正しい回転でアップロードする前に画像をレンダリングするときに JavaScript に問題があります。画像ウィッチをレンダリングすると、exif データでのみ正しい回転が行われ、ブラウザはそれを使用しないようです。
JavaScript によって Web サイトに画像が表示されると、システム上にあるものとは異なる回転がユーザーに表示されます。
コードは非常に基本的です。
この回転バグを修正する簡単な方法を知っていますか?
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;
}
ご清聴ありがとうございました。