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 はアップロードされたファイルを 1 つの Ajax リクエストで受信できます。配列。個々のファイルにアクセスするには、配列構文を使用します。

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