そのため、ユーザーが画像をトリミングしてファイルに保存できるようにするこのページを作成していますが、ボタンのトリミングをクリックすると、「アップロード成功」という警告メッセージが表示されますが、保存されません私のフォルダに。そのため、ファイルに問題があると推測しています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>
という名前の 2 番目のファイル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;
?>