如何在 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 可以在一个文件中接收上传的文件。大批。要访问单个文件，请使用数组语法：

<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中文网其他相关文章！