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

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

提供されているコード スニペットを使用すると、FormData() インターフェイスと XMLHttpRequest を使用して 1 つのファイルをアップロードできます。 。ただし、複数のファイルのアップロードを有効にするには、アプローチを変更する必要があります。

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 中国語 Web サイトの他の関連記事を参照してください。