2

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」が実行されることもありません。

ただし、コンソールには「アップロード成功」と表示されます

4

0 に答える 0