양식 게시물과 아약스 게시물을 동시에 보내는 문제가 있습니까?

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; 

        }); 
       });