Flask-Server kann keine Datei lesen, die durch POST-Anforderung hochgeladen wurde

Question

Ich habe meinen React-Client eine Datei mit der Fetch-API an den Endpunkt '/ Dataset' senden lassen.

import 'whatwg-fetch'; 

uploadData(csv) { 
    this.dataset = csv; 

    fetch('/dataset', { 
     method: 'POST', 
     body: this._fileToFormData(csv) 
    }).then(
     (response) => { 
      console.log(response); 
     } 
    ).catch(() => {}); 
}; 

_fileToFormData(file) { 
     var formData = new FormData(); 
     formData.append('file', file); 
     return formData 
    }; 

Mein Flask-Server soll es abholen.

@app.route('/dataset', methods=['POST']) 
def dataset(): 
    print request.get_data() 
    csv_data = request.form['file'] 
    print csv_data 
    return '{ "fake_json":100}', 200 

jedoch das csv_data Objekt ist einfach eine Unicode-String, '[object File]'

Der Code

print "form:", request.form 
print "files:", request.files 

kehrt

ImmutableMultiDict([('file', u'[object File]')]) 
ImmutableMultiDict([]) 

Wie kann ich den eigentlichen Inhalt der CSV erhalten Datei?

=== EDIT: Gelöst ===

die Variable CSV war tatsächlich ein einzelner Datei-Array, so dass ich erforderlich, um die Datei aus zu extrahieren.

Answer 1

Hochgeladene Dateien sind in request.files, nicht request.form verfügbar. Die Werte sind dateiähnliche Objekte. Um die Daten zu erhalten, müssen Sie die Datei lesen.

data = request.files['file'].read() 

Siehe Flask docs für einige Beispiele für mit Uploads arbeiten.

---

Sie müssen auch die Datei korrekt hochladen. GitHubs fetch polyfill hat ein Beispiel mit FormData, um den Körper richtig zu formatieren. Sie müssen eine einzelne Datei oder Eingabe an jeden Anruf an append übergeben.

var input = document.querySelector('input[type="file"]') 
var data = new FormData() 
data.append('file', input.files[0]) 

fetch('/dataset', { 
    method: 'POST', 
    body: data 
})