フォームポストとajaxポストを同時に送信する問題はありますか？

Question

私のところでプログラミングがうまくいかないかもしれませんが、写真を作って投稿するlib 'Croppie'を使っています。 Croppieプラグインは、送信が必要なデータが入ったフォームでラップされていますが、動作していません。そして

$('.submit-btn').on('click', function (ev) { 
    $uploadCrop.croppie('result', { 
     type: 'canvas', 
     size: 'viewport' 
    }).then(function (resp) { 
     $.ajax({ 
      url: "../Controllers/controller.php", 
      type: "POST", 
      data: {"image":resp}, 
      success: function (data) { 
       alert("successful"); 
      } 
     }); 
    }); 
}); 

からは、同じコントローラに送られるが、ポストは、グローバル$_POSTアレイに一緒に収集されていません。

Croppieプラグインはイメージをクロップしてデコードし、アプリケーションはその情報を収集し、残りのフォームと共にデータベースにレコードを作成することになっています。

Answer 1

クロップピーrespをとり、すべての要素が一緒に投稿されるようにクロピエrespに隠し要素の値を設定します。

$('.submit-btn').on('click', function (ev) { 
        $uploadCrop.croppie('result', { 
         type: 'canvas', 
         size: 'viewport' 
        }).then(function (resp) { 

         let temp = resp; 

         document.getElementById('hiddenElm').value = temp; 

        }); 
       });