Question

我想使用formData和axios将文件上传到Symfony 3后端，我的问题是文件未附加，但其他文本输入已成功发送到后端

let company = document.getElementById('company_photo');
let companyLogo = company.files[0];

let form =document.getElementById('my-form-id');
let data = new FormData(form);
data.append('profile', companyLogo, companyLogo.name)


const config = {
     headers: {
           'content-type': 'multipart/form-data'
     }
 }
  axios.post(url, data, config)..................

问题是当我试图从Symfony 3返回文件时

return new JsonResponse(['files' => $request->files->all()])

它只是返回空对象

profile:{}

所有其他输入类型的文本已成功发送到服务器

查看“网络”标签，有效负载看起来像

clients_per_month: 4
message: rurutrurturrurtuturturt
profile: (binary)

配置文件变为二进制

表单看起来像这样

<form id='some-id' method="POST" enctype="multipart/form-data">
    <input type="text" name="blah" />
    <input type="file" name="filenameexample" id="exampleid">
    ........................

在控制台上进行调试

for(var key of data.entries()) {
   console.log(key[0] + ','+key[1]);
}

导致了

profile, [object File]

有什么办法解决这个问题吗？

更新，文件看起来像这样

     console.log(company.files[0])

产生于

     File {name: "Capture.PNG", lastModified: 1546921233553, 
         lastModifiedDate: Tue Jan 08 2019 12:20:33 GMT+0800 (Pluto 
         Standard Time), webkitRelativePath: "", size: 735825, …}
         lastModified: 1546921233553
         lastModifiedDate: Tue Jan 08 2019 12:20:33 GMT+0800 (Venus 
         Standard Time) {}
         name: "Capture.PNG"
         size: 735825
         type: "image/png"
         webkitRelativePath: ""
         __proto__: File

Answer 1

'content-type': 'multipart/form-data'

您的MIME类型缺少必填的border参数。

删除该行。允许XMLHttpRequest从FormData对象推断出MIME类型。

无法在表单数据中追加文件

1 个答案: