1

所以我正在创建这个页面，允许用户裁剪他的图像，然后将其保存在他的文件中，但是，虽然当我单击按钮裁剪时，它向我显示警报消息“上传成功”，但它没有被保存在我的文件夹中。所以我猜这个文件有问题，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;
?>
4

1 回答 1

0

我认为 move_uploaded_file 的第一个参数应该是 $_FILES['croppedImage'] 并且 $_FILES 需要一个文件对象，我不确定您发送的数据是否正确。

于 2018-04-29T18:25:51.893 回答