如何上传文件到我的 .net 服务器

How to upload files with react to my .net server

如何将图像上传到我的服务器。我正在使用 React,到目前为止我的控制器看起来像这样:

 [Authorize]
 public object UploadAvatar()
{
            var file = HttpContext.Current.Request.Files.Count > 0 ? HttpContext.Current.Request.Files[0] : null;
}

当我使用 react 和 axios 上传时,文件显示 = null:

const URL = '/api/userapi/uploadavatar';
var reader = new FileReader();
var file = e.target.files[0];
reader.readAsDataURL(file);
reader.onload = (upload) => {
  console.log(upload.target.result);
  axios.post(URL, {
    data: upload.target.result
  }, config);
}

但是当我用邮递员上传时它工作正常

在 React 中有一些上传文件的组件,例如:

http://okonet.ru/react-dropzone/

https://github.com/lionng429/react-file-uploader

您可以像这样 post 文件对象:

const URL = '/api/userapi/uploadavatar';
var file = e.target.files[0];
axios.post(URL, {data: file});