React.js, how to send a multipart/form-data to server

Question

We want to send an image file as multipart/form to the backend, we try to use html form to get file and send the file as formData, here are the codes

export          


        

Answer 1

We just try to remove our headers and it works!

fetch("http://localhost:8910/taskCreationController/createStoryTask", {
      mode: 'no-cors',
      method: "POST",
      body: data
    }).then(function (res) {
      if (res.ok) {
        alert("Perfect! ");
      } else if (res.status == 401) {
        alert("Oops! ");
      }
    }, function (e) {
      alert("Error submitting form!");
    });