fetch-多部分/表单数据发布中缺少边界

Question

谢谢你过来。

我想使用fetch api发送一个new FormData（）作为POST请求的body

手术看起来像这样

js prettyprint-override">var formData = new FormData()
formData.append('myfile', file, 'someFileName.csv')

fetch('https://api.myapp.com', 
  {
    method: 'POST',
    headers: {
      "Content-Type": "multipart/form-data"
    },
    body: formData
  }
)

这里的问题是边界，比如

boundary=--WebKitFormBoundaryyEmKNDsBKjB7QEqu

永远不要将其放入内容类型：标题中

应该是这样的

内容类型：多部分/表单数据；边界=----WebKitFormBoundaryyEmKNDsBKjB7QEqu

当您使用新XMLHttpRequest（）尝试“相同”操作时，如下所示

var request = new XMLHttpRequest()
request.open("POST", "https://api.mything.com")
request.withCredentials = true
request.send(formData)

标题设置正确

内容类型：多部分/表单数据；边界=----WebKitFormBoundaryyEmKNDsBKjB7QEqu

所以我的问题是，

>

在这种情况下，我如何使getch的行为完全像XMLHttpRequest？

如果这不可能，为什么？

谢谢大家！这个社区或多或少是我职业成功的原因。

Answer 1

fetch(url,options)

>

• 对于a，它将类似于

多部分/表单数据；边界=----WebKitFormBoundary7MA4YWxkTrZu0gW

如您所见，边界是自动添加的。

• 对于b，它是application/x-www-form-urlencoded

Answer 2

我删除了“contenttype”并在http头中添加了“Accept”，这对我来说很有效。以下是我使用的标题，

'headers': new HttpHeaders({
        // 'Content-Type': undefined,
        'Accept': '*/*',
        'Authorization': 
        "Bearer "+(JSON.parse(sessionStorage.getItem('token')).token),
        'Access-Control-Allow-Origin': this.apiURL,
        'Access-Control-Allow-Methods': 'GET, POST, OPTIONS, PUT, PATCH, DELETE',
        'Access-Control-Allow-Headers': 'origin,X-Requested-With,content-type,accept',
        'Access-Control-Allow-Credentials': 'true' 

      })

Answer 3

问题的解决方案是显式地将内容类型设置为未定义，以便您的浏览器或您正在使用的任何客户端都可以设置它，并在其中添加该边界值。令人失望但却是真实的。