首页  >  文章  >  web前端  >  如何使用 FormData() 和 XMLHttpRequest 上传多个文件

如何使用 FormData() 和 XMLHttpRequest 上传多个文件

Susan Sarandon
Susan Sarandon原创
2024-10-22 21:04:02689浏览

How to Upload Multiple Files Using FormData() and XMLHttpRequest

使用 formData() 上传多个文件

提供的代码片段允许您使用 FormData() 接口和 XMLHttpRequest 上传单个文件。但是,要实现多个文件的上传,需要修改方法。

JavaScript:

从append语句中删除[0]索引并使用a循环遍历选定的文件。 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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn