javascript - Angular multipart/form-data 表单发送

Question

我正在尝试使用 AngularJS 通过 Post 请求以 "multipart/form-data" 格式发送数据，我真的很困惑，因为我没有知道如何做到这一点。

怎么样

我的应用程序的第一个解决方案仅通过内置提交方法通过单击 <input type="submit" /> 发送数据。按钮。

我有以下请求:http://yourscr.com/d282cebed47bd55f3315c75bd55189d2.png

您可以看到数据具有特殊的格式。它按字符串划分-----WebKitFormBoundary....。

内容类型中也有相同的字符串。

我需要什么

用 AngularJS 重写应用程序后，我尝试以完全相同的格式发送数据(因为现在我无法更改后端的任何内容)。对于数据发送，我使用 $http 服务。

$http.post( URL , data , {
    headers: {  'Content-Type'  : 'multipart/form-data'}
})

不幸的是，它不起作用。我有以下要求: http://yourscr.com/2e7fd3827d300f4191c96837629adf9f.png

数据有不同的格式，现在它只是一个对象。

然后

我决定尝试使用“new FormData()”从我的表单中获取数据

var fd = new FormData();
$http.post( URL , fd , {
    headers: {  'Content-Type'  : 'multipart/form-data'}
})

但是还是不行!此时我的请求中有空数据(尽管表单的所有字段都已填写)。

请求:http://yourscr.com/ab7e05efcba7431eeb73a749936e8d17.png

问题

有什么想法我应该做什么来发送与第一个应用程序解决方案中使用的格式类似的数据？

如何使用 AngularJS 以“multipart/form-data”格式发送数据？

附注

抱歉有链接，这关系到我的声誉。我不能发布超过 2 个链接。

Answer 1

这个对我有用。

app.config(function($httpProvider){
    $httpProvider.defaults.headers.post['Content-Type'] = 'multipart/form-data';
});