jld*_*ork 6 javascript python flask reactjs fetch-api
我让我的React客户端将带有fetch api的文件发布到'/ 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
};
Run Code Online (Sandbox Code Playgroud)
我的Flask服务器应该拿起它.
@app.route('/dataset', methods=['POST'])
def dataset():
print request.get_data()
csv_data = request.form['file']
print csv_data
return '{ "fake_json":100}', 200
Run Code Online (Sandbox Code Playgroud)
但是,该csv_data对象只是一个unicode字符串,'[object File]'
代码
print "form:", request.form
print "files:", request.files
Run Code Online (Sandbox Code Playgroud)
回报
ImmutableMultiDict([('file', u'[object File]')])
ImmutableMultiDict([])
Run Code Online (Sandbox Code Playgroud)
如何获取CSV文件的实际内容?
===编辑:解决===
变量csv实际上是一个单独的文件数组,所以我需要提取出来的文件.
上传的文件在request.files,而不是request.form. 这些值是类似文件的对象,因此要获取需要读取文件的数据。
data = request.files['file'].read()
Run Code Online (Sandbox Code Playgroud)
有关使用上传的一些示例,请参阅 Flask文档。
您还需要正确上传文件。GitHub 的fetch polyfill有一个FormData用于正确格式化正文的示例。您必须将单个文件或输入传递给每次调用append.
data = request.files['file'].read()
Run Code Online (Sandbox Code Playgroud)