通过文件 API 加载时图像自动旋转

Ben*_* E. 5 javascript google-chrome html5-canvas

在 Chrome 81 和其他新版本中,默认情况下会观察 EXIF 方向,并且该方向image-orientation: from-image已过时(请参阅SO 线程测试站点)。

现在,当从文件加载 JPEG 时,也可以使用它吗?我确实得到了错误的旋转,但是当通过 url 将相同的图像加载到图像标签中时,结果是正确的。

var r = new FileReader();

r.onload = function(e) {
    var img = new Image();

    img.onload = function() {
        var width = img.naturalWidth,
            height = img.naturalHeight;
        // does not observe EXIF image orientation
    };

    img.src = src;
};

r.readAsDataURL(file);
Run Code Online (Sandbox Code Playgroud)