비동기 AJAX 파일 업로드에 FormData 사용
AJAX 파일 업로드에 FormData를 활용하려면 중요한 단계는 다음과 같습니다.
준비
jQuery의 첫 번째 양식 요소를 활용하여 처리를 위해 FormData()를 제공합니다.
var form = $('form')[0]; // Use standard JavaScript object var formData = new FormData(form);
또는 다음을 위한 특정 데이터를 선택합니다. FormData():
var formData = new FormData(); formData.append('section', 'general'); formData.append('action', 'previewImg'); formData.append('image', $('input[type=file]')[0].files[0]); // Attach file
양식 보내기
jQuery를 사용하여 Ajax 요청 작성:
$.ajax({ url: 'Your url here', data: formData, type: 'POST', contentType: false, // Essential, do not omit (from jQuery 1.6+) processData: false, // Essential, do not omit // ... Other options like success, etc. });
이 요청은 데이터를 제출합니다. "multipart/form-data"가 있는 일반 양식과 같습니다. 인코딩.
참고:
위 내용은 jQuery를 사용하여 비동기 AJAX 파일 업로드에 FormData를 어떻게 사용할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!