php / jquery: невозможно сохранить обрезанное изображение

Таким образом, я создаю эту страницу, которая позволяет пользователю обрезать свое изображение и затем сохранить его в своем файле, однако, хотя, когда я нажимаю на кнопку обрезки, она показывает мне предупреждение «Успешная загрузка», оно не сохраняется в моей папке. Так что я предполагаю, что есть проблема с файлом upload.php однако, ради этого, я предоставлю оба файла здесь. Пожалуйста, дайте мне знать, что не так. Спасибо!
Первый файл с именем h.php

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="cropper.css">
<script src="cropper.js"></script>

<img id="image" style="width: 250px;" src="bg.JPG">
<script>
$("#image").cropper();

function crop(){
$("#image").cropper('getCroppedCanvas').toBlob(function(blob)
{
var formdata= new FormData();

formdata.append('croppedImage', blob);
$.ajax('upload.php',
{
method: "POST",
data: formdata,
processData: false,
contentType: false,
success: function() {
alert('upload success');
},
error: function() {
console.log('upload error');
}
}

)
}

);
}
</script>

<style>
.cropper-crop{
display:none;
}
.cropper-bg{
background:none;
}
</style>
<button onclick="crop()">
crop
</button>

второй файл с именем upload.php

<?php
$croppedImage= $_FILES['croppedImage'];
$to_be_upload=$croppedImage['tmp_name'];
$new_file= 'cropped-Image.PNG'
move_uploaded_file($to_be_upload, $new_file);
echo 1;
?>