FormData() 및 jQuery AJAX를 사용하여 파일 및 문자열 데이터를 모두 보내는 방법은 무엇입니까?

FormData() 및 jQuery AJAX를 사용하여 파일 및 문자열 데이터 모두 게시

파일 및 입력 문자열 데이터를 모두 FormData()로 전송해야 하는 경우가 많습니다. AJAX 요청. FormData()를 사용하여 이를 수행하려면 다음 단계를 따르십시오.

1. FormData 객체 생성:

   <code class="js">var fd = new FormData();</code>

2. 파일 데이터 추가:
   a. 단일 파일의 경우:

   <code class="js">fd.append("file", file_data);</code>

   b. 여러 파일의 경우:

   <code class="js">var file_data = $('input[type="file"]')[0].files; // for multiple files
   for(var i = 0;i<file_data.length;i++){
       fd.append("file_"+i, file_data[i]);
   }</code>

3. 문자열 데이터 추가:

   <code class="js">var other_data = $('form').serializeArray();
   $.each(other_data,function(key,input){
       fd.append(input.name,input.value);
   });</code>

4. 다음으로 데이터 보내기 AJAX:

   <code class="js">$.ajax({
       url: 'url',
       data: fd,
       contentType: false,
       processData: false,
       type: 'POST',
       success: function(data){
           alert(data);
       }
   });</code>

이 단계를 따르면 동일한 FormData 객체 및 AJAX 요청 내에서 파일 및 입력 문자열 데이터를 모두 보낼 수 있습니다.

위 내용은 FormData() 및 jQuery AJAX를 사용하여 파일 및 문자열 데이터를 모두 보내는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!