使用cropper.js插件和jQuery上传裁剪的图像

Question

我使用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脚本＆＃34; upload.php＆＃34;被执行。

然而，控制台说＆＃34;上传成功＆＃34;