Проблемы с отправкой формы post и ajax post одновременно?

Это, скорее всего, плохое программирование с моей стороны, но я использую 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 обрезает и декодирует изображение, после чего мое приложение должно собирать эту информацию и создавать запись в базе данных вместе с остальной частью формы.

0

Решение

возьми кроппи resp и установить значение скрытого элемента для Croppie 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;

});
});
0

Другие решения

Других решений пока нет …