How to overwrite content type in react js fetch method while sending CSV

Question

I'am sending content type as Text/csv as my API accept only the text/csv type but the file's content type is showing as application/vnd.ms-excel.

I've also checked with the postman, API is accepting the file in the http request but when I'am sending through my browser application it returns the response unsupported media type

How can I solve this.

Please go through the code:

 var Authorization=window.sessionStorage.getItem('acesstToken')
   var Headers={
      'Authorization': 'Bearer '+Authorization,
      'Content-Type': 'text/csv',
     }
  const fd = new FormData()
  fd.append('csv_file',fieldValues.file[0],fieldValues.file[0].name);
  var url="XXXXXXXXXXXXXXX";
  fetch(url,{
    method : 'POST',
    headers: Headers,
    body: fd,
  })

provide some code, if received file's content type is application/vnd.ms-excel - that exactly means that you are sending some excel file — serg_zhd, Jul 13 '18 at 10:20
Are you missing quotes around `text/csv`? i.e. `'Content-Type': 'text/csv',` — Tadas Antanavicius, Jul 13 '18 at 15:51

score 0 · Accepted Answer · edited Jun 20 '20 at 09:12

Here's my bet.

Possible syntax issue. You're missing the closing quote for the 'Content-Type': 'text/csv'. Are you sure there aren't any syntax errors in your console?
If it works with Postman (it accepts the file), but it doesn't work through your browser application, my bet is that could be an issue is with the same-origin policy.

In the no-cors mode, the browser is limited to sending “simple” requests — those with safelisted methods and safelisted headers only. To send a cross-origin request with headers like Authorization, you have to drop the no-cors mode and support preflight requests (OPTIONS) for your API. See this answer.

No syntax error i've checked it it was mistake while i was posting the question. — Akshay Kumar, Jul 14 '18 at 05:48

How to overwrite content type in react js fetch method while sending CSV

1 Answers1