jQuery在上传之前调整图像大小（保持宽高比）

Question

我得到了这段代码，以检查文件是否是图像，如果是，则上传它：

var _URL = window.URL || window.webkitURL;

$(".choosebutton").change(function(e) {
    $(".choosebutton").hide();
    $("#loadgif").show();
    var image, file;
        file = this.files[0];
        image = new Image();
        image.onload = function() {
            var width = this.width;
            var height = this.height;
            if(height > 100)
            {
                $('.standardbutton').trigger('click');  // submit button
            }
            else
            {
                alert('this is not an image -_-');
                $(".choosebutton").show();
                $("#loadgif").hide();
                return false;
            }
        };
        image.src = _URL.createObjectURL(file);
});

当高度或宽度大于700px时，我需要调整图像大小。 Ofc我已经搜索过一个解决方案，但它要么在裁剪并调整div加载图像内部的大小等等。

修改

以下是表格：

<form action="doupload.php" method="post" enctype="multipart/form-data">
        <input type="file" name="datei" class="choosebutton" accept="image/*">
        <button type="submit" class="standardbutton" style="display: none;">Upload</button>
</form>