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

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

WBOY

풀어 주다： 2016-05-16 20:23:33

원래의

1182명이 탐색했습니다.

이 기사의 예에서는 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">

이름:

성별:남성 여성

사진:

Php8, 나도 갈게