Angular POST multipart / form-data with application / json＆amp;文本/ CSV

Question

问题

尝试使用JSON中的文件上传和模型数据发送multipart / formdata post请求。 不确定为什么没有太多的工作参考，不能使工作成为那里的工作。 也可能做错事或使其更复杂。

REFS TRIED

• uploading-files-and-json-data-in-the-same-request-with-angular-js
• a nice explanation about boundary and multipart
• some so question

QUICK FIDDLE WITH MY TRIES

问题

我的帖子请求有效负载上的json内容似乎不包含Content-Type：自动识别的application / json。

甚至将POST的内容类型设置为undefined / false也没有用。 需要一些关于问题或如何解决这个问题的建议？

适用于上诉的网络日志

请求标题

Accept:application/json, text/plain, */*
Content-Length:361
Content-Type:multipart/form-data; boundary=----WebKitFormBoundary7NukqN6GtRwugBSJ

请求有效负载

------WebKitFormBoundary7NukqN6GtRwugBSJ
Content-Disposition: form-data; name="file"; filename="sample.csv"
Content-Type: text/csv


------WebKitFormBoundary7NukqN6GtRwugBSJ
Content-Disposition: form-data; name="data"

{"name":"a good name","comments":"some comments"}
------WebKitFormBoundary7NukqN6GtRwugBSJ--

Answer 1

面临同样的问题。尝试使用 blob，您可以将 blob 中的类型设置为 application/json。你可以用你的值初始化 blob，它对我有用。

Answer 2

如果您发出“multipart / form-data”请求，那么将自动删除“application / JSON”标题。您不能同时拥有这两个请求。这两个帖子请求是互斥的。