ホームページ >ウェブフロントエンド >jsチュートリアル >formData() を使用して複数のファイルのアップロードを処理するにはどうすればよいですか?

formData() を使用して複数のファイルのアップロードを処理するにはどうすればよいですか?

Patricia Arquette
Patricia Arquetteオリジナル
2024-10-22 23:57:29283ブラウズ

How Can I Handle Multiple File Uploads with formData()?

formData() による複数のファイルのアップロードの処理

ファイル入力を使用する場合、多くの場合、複数のファイルのアップロードを処理する必要があります。

formData()
この目的のためにメソッドを使用すると、単一のリクエストで複数のファイルを送信できるようになります。

初期試行

JavaScript では、一般的なアプローチは次のとおりです。

<br>fd.append("fileToUpload", document.getElementById('fileToUpload').files[0]);<br>

ただし、このコードは最初に選択したファイルのみを処理します。

解決策: ファイルの反復処理

複数のファイルのアップロードを有効にするには、選択したすべてのファイルを反復処理する必要があります:

<br>var files = document.getElementById('fileToUpload').files;<br>for (var x = 0; x < files.length; x ) {</p>
<pre class="brush:php;toolbar:false">fd.append("fileToUpload[]", files[x]);

}

サーバー側処理 (PHP)

サーバー側では、複数の次のようなファイル:

<br>$count = count($_FILES'fileToUpload');<br>for ($i = 0; $i  <pre class="brush:php;toolbar:false">echo 'Name: ' . $_FILES['fileToUpload']['name'][$i] . '<br/>';

}

これらの手順に従うことで、

formData()
を使用して複数のファイルのアップロードを効率的に処理できます。そしてサーバー側でファイルを適切に処理します。

以上がformData() を使用して複数のファイルのアップロードを処理するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。