小编Léo*_*ist的帖子

在上传之前以正确的旋转渲染图像时,我遇到了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;
}

感谢您的关注.