手动上传多个文件到Symfony后端(没有表格)

Question

我遇到了一个问题，试图将多个文件从ReactJS应用程序发送到Symfony后端。

我上传了两个文件，但只有一个在我的Symfony后端可见。

数据是从ReactJS dropzone发送的，我很好地检查了这两个文件是通过formData发送的，我很好地使用了“content-type”：'multipart/form-data'来发布数据。

在ChromeNewtwork选项卡中，表单数据详细信息显示两个文件很好地附加到请求：

-webkitformboundarytif 9 SiH CTI 30 uxs Content-Disposition:form-data；name = " filefilename = " glacier-583419 _ 960 _ 720 . jpg "内容类型:image/jpeg

------WebKitFormBoundaryTif9sihCtI30UXXS内容配置：表单数据；name=“文件”；filename=“image ile.jpg”内容类型：image/jpeg

然而，在我的Symfony后端，文件参数包只显示一个文件:

return $request->files;

序列化响应：

{
    "parameters": {
        "file": {
            "test": false,
            "original_name": "glacier-583419_960_720.jpg",
            "mime_type": "image/jpeg",
            "error": 0
        }
    },
    "file_keys": [
        "error",
        "name",
        "size",
        "tmp_name",
        "type"
    ]
}

如您所见，在“参数”中，只存在一个文件，而不是两个。

有人遇到过这个问题吗？我不知道可能是什么问题？

Answer 1

我解决了我的问题，这是微不足道的，但它可以帮助其他人将来阅读。

按照发送的表格数据所示:

-webkitformboundarytif 9 SiH CTI 30 uxs Content-Disposition:form-data；name = " filefilename = " glacier-583419 _ 960 _ 720 . jpg "内容类型:image/jpeg

------WebKitFormBoundaryTif9sihCtI30UXXS内容配置：表单数据；name=“文件”；filename=“image ile.jpg”内容类型：image/jpeg

在表单数据中添加的每个元素都具有相同的名称值。这是问题所在：

var tempFormData = new FormData();
setFormData(acceptedFiles.map((file)=>{
   tempFormData.append('file', file);
}));

更正代码 ：

var tempFormData = new FormData();
setFormData(acceptedFiles.map((file)=>{
   tempFormData.append(file.name, file);
}));

因此，错误不是来自Symfony，而是来自前端应用程序没有很好地格式化发送的数据。