>웹 프론트엔드 >JS 튜토리얼 >formData()를 사용하여 여러 파일 업로드를 처리하는 방법은 무엇입니까?

formData()를 사용하여 여러 파일 업로드를 처리하는 방법은 무엇입니까?

Barbara Streisand
Barbara Streisand원래의
2024-10-22 20:30:03330검색

How to Handle Multiple File Uploads Using formData()?

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

FormData() 메서드를 사용하여 여러 파일을 업로드하려면 단일 파일을 업로드하는 것과 약간 다른 구문이 필요합니다. 제공된 원본 코드는 files[0] 속성을 사용하여 선택한 첫 번째 파일만 업로드합니다. 여러 파일 업로드를 처리하려면 선택한 파일을 반복하고 각 파일을 FormData 개체에 추가해야 합니다.

JavaScript:

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

이 수정된 코드에서 , files.length를 사용하여 선택한 파일 수를 확인한 다음 "fileToUpload[]" 키를 사용하여 각 파일을 FormData 개체에 추가하여 파일을 반복합니다.

PHP:

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

PHP 측에서는 count() 함수를 사용하고 인덱스를 사용하여 파일을 반복하면서 여러 파일 업로드를 처리하도록 코드를 수정해야 합니다. 이렇게 하면 업로드된 각 파일을 개별적으로 액세스하고 처리할 수 있습니다.

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

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