Wie lade ich Dateien hoch, die auf meinen .net Server reagieren

Question

Wie lade ich Bilder auf meinen Server hoch. Ich verwende reagieren und so weit mein Controller sieht wie folgt aus:

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

Datei zeigt = null, wenn ich hochladen bin mit reagieren und axios:

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

Aber wenn ich mit Postbote laden es funktioniert gut

Answer 1

Sie können einfach die Datei Objekt wie folgt veröffentlichen:

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

Answer 2

Es gibt ein paar Komponenten Dateien in Reaktion, zum Beispiel zum hochladen:

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

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