JQuery AJAX에서 동시에 FormData 및 문자열 데이터 보내기

파일 업로드와 관련된 양식으로 작업할 때 파일 데이터를 추가 항목과 결합해야 합니다. 서버에 제출할 문자열 데이터입니다. JQuery AJAX에서 FormData()를 사용하여 이를 달성하는 방법은 다음과 같습니다.

파일 및 문자열 데이터로 FormData 구축:

// Create a new FormData object
var fd = new FormData();

// Append file data
for (var i = 0; i 
AJAX를 사용하여 데이터 제출:
$.ajax({
  url: 'submit.php',
  data: fd,
  contentType: false,
  processData: false,
  type: 'POST',
  success: function (data) {
    console.log(data);
  },
});
설명:
serializeArray(): 이 메소드는 양식 데이터를 객체 배열로 검색하여 더 나은 정보를 제공합니다. 각 입력의 이름과 값을 제어합니다.
contentType: false 및 processData: false: 이러한 설정은 JQuery의 기본 데이터 처리를 비활성화하고 원시 FormData가 서버로 전송되도록 허용합니다.
'submit.php': 이를 파일 및 문자열 데이터를 처리할 서버측 스크립트의 URL로 바꿉니다.
서버- 측면 고려 사항:
서버에서 파일 및 문자열 데이터를 검색하려면 다음 코드를 사용할 수 있습니다.
// Files
print_r($_FILES);

// Other data
print_r($_POST);