使用FormData将Image发送到后端

时间:2018-05-02 14:55:21

标签: javascript php angular laravel form-data

我正在尝试将用户上传的图像发送到Laravel Backend,但数据似乎总是空的。

在角度前端:

...
...
let formData = new FormData();
formData.append('photo', <File> event.target.files[0]);
console.log(formData.get('photo'))

我正在做快速控制台日志以检查数据是否成功附加,并且它们是。然后我正在调用将数据发送到后端的函数,我也将formData作为名为photo 的参数发送,这意味着 formData = photo ,因此代码为:

this.http.post(`${environment.api}/v1/photo`, { photo }, { headers });

在标题中,我正在设置身份验证信息:

Content-Type: multipart/form-data

我的帖子是后端路由,如果我添加任何数据发布,我能够阅读它们,但如果我要求提供名为photo的文件我得到null,我也尝试了dump $ request- &gt;所有()但它是空的。 我想我已经尝试了一切可能的方式从 $ request 获取照片,正确的应该是:

$request->file('photo')

我还导入了 ..... Http \ UploadedFile lib,因为我在某处读过它帮助了某人,没有运气, 我知道您无法在浏览器的网络标签中看到 formData ,但可能会提及我发送的数据在Chrome中显示如下:

{photo: {}}

0 个答案:

没有答案