Máy chủ Flask không thể đọc tệp được tải lên theo yêu cầu POST

Question

Tôi có ứng dụng React của mình đăng một tệp với lệnh tìm nạp api đến điểm cuối '/ dataset'.

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

Máy chủ Flask của tôi được cho là sẽ nhặt nó lên.

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

Tuy nhiên, đối tượng csv_data chỉ đơn giản là một chuỗi unicode, '[object File]'

Mã

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

lợi nhuận

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

Làm thế nào để tôi nhận được các nội dung thực tế của CSV tập tin?

=== CHỈNH SỬA: Đã giải quyết ===

biến csv thực ra là một mảng tệp duy nhất, vì vậy tôi cần trích xuất tệp.

Answer 1

Tệp đã tải lên có sẵn trong request.files, không phải request.form. Các giá trị là các đối tượng giống như tệp, do đó, để lấy dữ liệu bạn cần đọc tệp.

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

Xem Flask docs để biết một số ví dụ về cách làm việc với video tải lên.

---

Bạn cũng cần tải lên tệp chính xác. GitHub's fetch polyfill có ví dụ sử dụng FormData để định dạng cơ thể đúng cách. Bạn phải chuyển một tệp hoặc đầu vào cho từng cuộc gọi đến append.

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

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