JavaScript と PHP で FormData() を使用して複数のファイルをアップロードする方法

formData() を使用した複数のファイルのアップロード

提供されたコードは、formData() を使用して単一のファイルをアップロードするために機能しますが、アップロードを有効にするためのものです。複数のファイルをアップロードするには、若干の変更が必要です。

解決策:

複数のファイルをアップロードするには、files[] プロパティと、選択したファイルのループが必要です。

JavaScript:

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

PHP (uph.php):

サーバー側で複数のファイルを処理するには、次のように変更しますPHP スクリプトは次のようになります:

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

これらの調整により、コードは選択したファイルを反復処理し、それらを formData オブジェクトに追加し、処理のために PHP スクリプトに送信します。このメソッドでは、選択した複数のファイルをアップロードして処理できます。

以上がJavaScript と PHP で FormData() を使用して複数のファイルをアップロードする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。