asp.net - 如何通过对我的 .net 服务器做出反应来上传文件

Question

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

 [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);
}

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

Answer 1

您可以像这样发布文件对象：

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

Answer 2

在 React 中有几个组件可以上传文件，例如：

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

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