在javascript修复图像方向

Question

数码相机照片通常以JPEG格式保存，并带有EXIF“方向”标签。要正确显示，需要根据设置的方向旋转/镜像图像，但浏览器会忽略渲染图像的信息。

我想在上传图片之后，在发送图片之前为php修复方向（在客户端旋转/镜像图像以便正确显示）图像自动，有什么解决方案？我的代码怎么样？

HTML：

<input type="file" name="files[]" id="fileElem" multiple="multiple" accept="image/*" onchange="handle_Files(this.files)">

JS：

function handle_Files(files) {
    var d = document.getElementById("fileList");
    var formData = new FormData($('.EditUserInfo')[0]);
    $.ajax({
        url: 'insert_image',
        type: 'POST',
        dataType: 'json',
        maxNumberOfFiles: 1,
        autoUpload: false,
        xhr: function() {
            myXhr = $.ajaxSettings.xhr();
            if (myXhr.upload) {
                //myXhr.upload.addEventListener('progress', progressHandlingFunction, false);
            }
            return myXhr;
        },
        success: function(result) {
            console.log($.ajaxSettings.xhr().upload);
            var div = document.createElement("div");
            div.style.backgroundImage = 'url(' + window.URL.createObjectURL(files[0]) + ')';
            div.onload = function() {
                window.URL.revokeObjectURL(this.src);
            }
        }
        data: formData,
        cache: false,
        contentType: false,
        processData: false
    });
}