尝试将文件从反应上传到 Web api 时出现 415 不支持的媒体类型错误

Question

我是 react 和 web api 的新手，在尝试将我的文件上传到我的 web api 函数时遇到了这个不受支持的媒体类型错误

这是我的反应 js 代码：

onFileUpload = () => {
    // Create an object of formData
    const formData = new FormData();

    console.log("FormData");

    // Update the formData object
    formData.append('myFile', this.state.selectedFile, this.state.selectedFile.name);
    console.log(this.state.selectedFile);

    // Request made to the backend api
    // Send formData object
    //axios.post("api/uploadfile", formData);

    axiosAPI.post('api/observation/Uploadfile', formData).then(response => {});
  };

对应的web api代码是这样的：

[HttpPost]
        [Route("Uploadfile")]
        public IHttpActionResult Uploadfile(object formData)
        {

            try
            {

                
                return Ok(formData);
            }
            catch (Exception ex)
            {
                return Content(HttpStatusCode.NoContent, "Something went wrong");
            }



        }

我正在尝试上传文件并将其发送到我的后端，但是我收到了这个错误。这个错误是什么意思，我该如何解决？

Answer 1

每当您上传文件时，请确保在请求中添加适当的标头。

axiosAPI.post('api/observation/Uploadfile', formData, {
    headers: {
      'Content-Type': 'multipart/form-data' // <- HERE
    }
}).then(response => {});