同时发送表格 post 和 ajax post 有问题吗？

Question

这很可能是我的编程不好，但我使用了一个库 'Croppie' 裁剪照片并 post 保存它。 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");
            }
        });
    });
});

然后 from 被发送到同一个控制器，但是 post 没有收集到全局 $_POST 数组中。

Croppie 插件裁剪和解码图像，然后我的应用程序应该收集该信息并在数据库中创建一个包含表单其余部分的记录。

Answer 1

获取 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;

                   });
               });

同时发送表格 post 和 ajax post 有问题吗？

Problems sending a form post and ajax post simultaneously?

php

ajax

jquery

croppie