Angular multipart/form-data表单发送

Angular multipart/form-data form sending

本文关键字：表单 form-data multipart Angular      更新时间：2023-09-26

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

它是怎样的

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

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

你可以看到数据有一个特殊的格式。它除以字符串——WebKitFormBoundary…。

在Content-type中也有相同的字符串

我需要什么

在用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'}
})

但是它仍然不工作!此时，我的请求中有空数据(尽管Form的所有字段都已填写)。

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

任何想法，我应该做什么发送数据与类似的格式在第一个应用程序解决方案中使用?

如何用AngularJS发送'multipart/form-data'格式的数据?

p>

这个适合我。

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