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