cropper.js を使用して画像をトリミングします。トリミングと表示はうまく機能します。
jQuery の Ajax を使用して画像をディレクトリ /uploads にアップロードしたい (権限は正しく設定されている)
問題: 画像がアップロードされず、実際には何も起こりません。
croppedCanvas = $image.cropper('getCroppedCanvas', {
width: 320,
height: 320,
});
croppedCanvas.toBlob(function (blob) {
var form_data = new FormData();
form_data.append('croppedCanvas', blob);
$.ajax('upload.php', {
type: "POST",
data : form_data,
contentType: false,
cache: false,
processData:false,
mimeType:"multipart/form-data"
}).done(function(res) {
console.log('Upload success');
});
});'
それ以外の
$.ajax('upload.php', {
type: "POST",
私も直接アップロードしようとしました(https://github.com/fengyuanchen/cropperで推奨されているように)
$.ajax('/uploads', {
type: "POST",
しかし、画像がアップロードされることも、私のphpスクリプト「upload.php」が実行されることもありません。
ただし、コンソールには「アップロード成功」と表示されます