>  기사  >  웹 프론트엔드  >  FormData() 및 XMLHttpRequest를 사용하여 여러 파일을 업로드하는 방법

FormData() 및 XMLHttpRequest를 사용하여 여러 파일을 업로드하는 방법

Susan Sarandon
Susan Sarandon원래의
2024-10-22 21:04:02752검색

How to Upload Multiple Files Using FormData() and XMLHttpRequest

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

제공된 코드 조각을 사용하면 FormData() 인터페이스와 XMLHttpRequest를 사용하여 단일 파일을 업로드할 수 있습니다. . 그러나 여러 파일을 업로드하려면 접근 방식을 수정해야 합니다.

JavaScript:

append 문에서 [0] 인덱스를 제거하고 선택한 파일을 반복하는 루프입니다. files.length 속성은 선택된 파일 수를 결정합니다.

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

PHP:

서버 측에서 다음 코드를 사용하여 업로드된 파일을 검색합니다.

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

이 방법을 사용하면 개별 이름으로 여러 파일을 업로드하고 필요에 따라 서버에서 처리할 수 있습니다.

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.