0
我想要一个简单的打印运行语句,以确保回调工作正常。取回调反应
var CsvUpload = React.createClass({
uploadfile: function() {
console.log('trying')
var file = this.refs.file.files[0];
var formData = new FormData()
formData.append('files', file)
fetch('http://127.0.0.1:5000/add_csv_to_db', {
method :'POST',
body : formData
})
.then(() => {console.log('this worked')})
.catch((err) => {console.log(err)})
},
render: function() {
return (
<div>
<h4 className='sub-header'>CSV Upload</h4>
<form onSubmit = {this.uploadfile} encType="multipart/form-data">
<input type="file" name="file" ref="file"/>
<button type="submit" className="btn btn-primary">Submit</button>
</form>
</div>
)
}
})
在服务器上:
@app.route('/add_csv_to_db', methods=['GET','POST'])
def add_rows():
file = request.files['files']
x = io.StringIO(file.read().decode('UTF8'), newline=None)
csv_input = csv.reader(x)
for row in csv_input:
if row[0] == 'Email':
pass
else:
print(row)
tasks.add_User(row)
print('completed')
return json.dumps('success!')
我看到 “完成”,在服务器打印出来。
在我看到"trying"
控制台,但它不打印"This worked"
我在做什么错?
你尝试投入.catch()上的承诺,以查看是否得到踢回错误?如果出现错误,则不会调用.then() – JiuJitsuCoder
更新了问题并添加了.catch()我做对了吗?没有任何东西正在被打印:/ –
是的,看起来不错。我认为它在服务器端。你的反应代码对我来说看起来很好。尝试使用Postman(或任何API测试工具)实现该方法,并查看返回的内容。 – JiuJitsuCoder