FormData 객체를 사용하여 PHP에서 양식을 제출하고 이미지를 업로드하는 방법 html5_php 팁

이 기사의 예에서는 FormData 개체를 사용하여 php html5에서 양식을 제출하고 이미지를 업로드하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

FormData 개체는 양식에 있는 모든 양식 요소의 이름과 값을 queryString으로 결합하여 백그라운드에 제출할 수 있습니다. Ajax를 사용하여 제출할 때 FormData 객체를 사용하면 queryString을 연결하는 작업 부하를 줄일 수 있습니다.

FormData 개체 사용

1. 빈 FormData 객체를 생성한 다음 추가 메서드를 사용하여 키/값을 추가합니다

코드 복사 코드는 다음과 같습니다.

var formdata = new FormData()
formdata.append('이름','fdipzone')
formdata.append('성별','남성');

2. 양식 개체를 가져와 FormData 개체에 매개변수로 전달합니다

코드 복사 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.var form = document.getElementById('form1')

var formdata = 새로운 FormData(양식);

FormData를 사용하여 양식 제출 및 파일 업로드:

코드 복사 코드는 다음과 같습니다.

 
 
 <머리> 
   
  FormData 데모  
   
  <스크립트 유형="텍스트/자바스크립트"> 
   
   
  
 <본문> 
    <양식 이름="form1" id="form1"> 
       

이름:

 
       

성별:남성 여성 
       

사진: