首页 > web前端 > js教程 > 如何在 JavaScript 和 PHP 中使用 FormData() 上传多个文件?

如何在 JavaScript 和 PHP 中使用 FormData() 上传多个文件?

Barbara Streisand
发布: 2024-10-22 22:48:02
原创
398 人浏览过

How to Upload Multiple Files Using FormData() in JavaScript and PHP?

使用 formData() 上传多个文件

提供的代码可用于使用 formData() 上传单个文件,但要启用上传多个文件,需要稍作修改。

解决方案:

要上传多个文件,需要使用 files[] 属性并循环遍历所选文件:

JavaScript:

var files = document.getElementById('fileToUpload').files;
var fd = new FormData();
for (var x = 0; x < files.length; x++) {
    fd.append("fileToUpload[]", files[x]);
}
登录后复制

PHP (uph.php):

要在服务器端处理多个文件,请修改PHP 脚本如下:

<code class="php">$count = count($_FILES['fileToUpload']['name']);
for ($i = 0; $i < $count; $i++) {
    echo 'Name: ' . $_FILES['fileToUpload']['name'][$i] . '<br/>';
}
登录后复制

通过这些调整,代码将迭代所选文件,将它们附加到 formData 对象,并将它们发送到 PHP 脚本进行处理。此方法允许上传和处理多个选定的文件。

以上是如何在 JavaScript 和 PHP 中使用 FormData() 上传多个文件?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板