php/jQuery:无法保存裁剪的图像

Question

因此，我正在创建此页面，该页面允许用户裁剪他的图像，然后将其保存在他的文件中，尽管当我单击按钮时，它向我显示了警报消息"上传成功"，它不会保存在我的文件夹上。因此，我猜测文件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;
?>

Answer 1

我认为move_uploaded_file的第一个参数应为$ _files ['croppedimage']，而且$ _files期待文件对象，我不确定您是否发送正确的数据。