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

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

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

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

Answer 2

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

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

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

2 个答案: