使用jQuery Ajax和PHP上传裁剪的图像

Question

我正在尝试上传由icrop.js裁剪的图像，但不能与JQuery和Ajax配合使用。如何从结果中获取图像并将其发送到服务器上的文件夹中？

<form id="form" action="upload.php" method="post" 
 enctype="multipart/form-data">
  <input id="file" type="file" accept="image/*">
  <img id="result">
  <input type="submit" value="Upload">
</form>

<script>
$(document).ready(function(){
 $("#file").change(function(e){
    var img = e.target.files[0];
    if(!iEdit.open(img, true, function(res){
        $("#result").attr("src", res);          
    })){
        alert("Whoops! That is not an image!");
    }
 });
});
</script>

裁剪图像时，将其放置在带有id =“ result”的图像标签中。这就是我需要发送到服务器的内容。