如何上传文件到我的 .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 中有一些上传文件的组件,例如:
您可以像这样 post 文件对象:
const URL = '/api/userapi/uploadavatar';
var file = e.target.files[0];
axios.post(URL, {data: file});
如何将图像上传到我的服务器。我正在使用 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 中有一些上传文件的组件,例如:
您可以像这样 post 文件对象:
const URL = '/api/userapi/uploadavatar';
var file = e.target.files[0];
axios.post(URL, {data: file});