Wie lade ich Dateien mit React hoch?

Question

Ich versuche gerade, eine Datei hochzuladen und sie auf Google Clouds zu speichern. Aber ich bin fest, wie man die Eingabedatei mit React-Redux bekommt.

Grundsätzlich, meine Back-End-Teil bereits fertig, ich habe es getestet HTTPie mit diesem Befehl HTTP localhost:8000/v1/... @(file_path) und es funktioniert einwandfrei.

Jetzt, nachdem ich Eingabe-Tag verwende: <input type="file" onChange=""> Ich weiß nicht, wie Sie den file_path erhalten, die der Benutzer wählen. Und ich weiß nicht einmal, ob ich die hochgeladene Datei mit dieser Methode bekommen kann.

Danke

Answer 1

Sie kann nicht onChange Datei Methode <input type="file" onChange={this.handleChangeFile.bind(this)}>

handleChangeFile(event) { 
    const file = event.target.files[0]; 
    let formData = new FormData(); 
    formData.append('file', file); 
    //Make a request to server and send formData 
}