Probleme beim Senden einer Form Post und Ajax Post gleichzeitig?

Question

Es ist mehr als wahrscheinlich, ist schlechte Programmierung von meinem Teil, aber ich benutze eine lib 'Croppie', die das Foto zuschneidet und es veröffentlicht. Das Croppie-Plugin ist in ein Formular mit Daten eingebettet, die ebenfalls gesendet werden müssen, aber es funktioniert nicht.

$('.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"); 
      } 
     }); 
    }); 
}); 

Dann von dem auf den gleichen Controller gesendet wird, aber die Post nicht zusammen in dem globalen $_POST Array gesammelt.

Das Croppie-Plugin schneidet und dekodiert das Bild, dann soll meine Anwendung diese Informationen sammeln und einen Datensatz in der Datenbank mit dem Rest des Formulars erstellen.

Answer 1

nehmen Sie den Croppie resp und legen Sie den Wert eines versteckten Elements auf dieCryptpie, so dass alle Elemente zusammen gebucht werden.

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

         let temp = resp; 

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

        }); 
       });