JavaScript 및 PHP에서 FormData()를 사용하여 여러 파일을 동시에 업로드하는 방법은 무엇입니까?

formData()를 사용하여 여러 파일 업로드

JavaScript 및 PHP에서 파일 업로드 작업을 할 때 여러 파일이 필요한 시나리오에 직면하는 것이 일반적입니다. 동시에 전송됩니다. FormData 인터페이스는 이를 달성하기 위한 편리한 방법을 제공합니다. 그러나 입력 필드에서 첫 번째 파일만 선택하는 기본 동작은 제한적으로 보일 수 있습니다.

선택한 여러 파일을 업로드하는 방법

이러한 제한을 극복하기 위해 JavaScript 코드는 선택한 모든 파일을 반복하여 FormData 개체에 추가해야 합니다. 다음 코드는 이를 보여줍니다.

<code class="javascript">var files = document.getElementById('fileToUpload').files;
for (var x = 0; x < files.length; x++) {
    fd.append("fileToUpload[]", files[x]);
}

이 코드에서는 입력 필드에서 선택한 모든 파일을 검색하고 이를 반복하여 fileToUpload[] 키를 사용하여 각 파일을 FormData 객체에 추가합니다. 이 기술을 사용하면 단일 Ajax 요청으로 여러 파일을 업로드할 수 있습니다.

PHP에서 여러 파일 처리

서버 측에서 PHP는 업로드된 파일을 정렬. 개별 파일에 액세스하려면 배열 구문을 사용하십시오.

<code class="php">$count = count($_FILES['fileToUpload']['name']);
for($i = 0; $i < $count; $i++){
    echo 'Name: '.$_FILES['fileToUpload']['name'][$i].'<br/>';
}</code>

이 코드는 업로드된 파일을 반복하고 데모용으로 파일 이름을 인쇄합니다. 이 배열을 사용하여 파일을 특정 위치에 저장하거나 유효성 검사를 수행하는 등의 추가 처리를 수행할 수 있습니다.

이 단계를 따르면 formData()를 사용하여 여러 파일을 동시에 업로드하고 효과적으로 처리할 수 있습니다. PHP로.

위 내용은 JavaScript 및 PHP에서 FormData()를 사용하여 여러 파일을 동시에 업로드하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!