我尝试使用 bootstrap 实现文件上传(.csv
),并使用按钮提交。
我尝试了很多不同的方法来实现文件上传,但到目前为止都不起作用,我似乎无法指出问题所在:
<form method="POST" enctype="multipart/form-data" id="excel-upload" name="file">
<div class="file-upload-wrapper">
<label for="file">Upload Excel DAT File</label>
<input type="file" name="excel-upload-file" class="form-control-file" id="excel-upload-file">
<button class="btn btn-outline-success" type="button" id="submit_table" method="POST" style="margin-top: 30px">
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true" id = "loading_spinner_table"></span>
Submit File
</button>
</div>
</form>
$("#submit_table").on('click', function(e) {
e.preventDefault();
$("#loading_spinner_table").show();
let form_data = new FormData($('#excel-upload-file')[0]);
console.log(form_data);
$.ajax({
url: "/upload_excel",
type: "POST",
data: form_data,
contentType: false,
cache: false,
processData: false,
success: function(data) {
console.log(data)
$("#loading_spinner_table").hide();
Plotly.plot('table_data',data);
},
error: function(result) {
$("#loading_spinner_table").hide();
alert("Invalid Submission / No Data");
}
});
});
@app.route('/upload_excel', methods=['POST', 'GET'])
def upload_blob():
if request.method in ('POST','GET'):
print(request.files)
if 'file' not in request.files:
print('NO FILE')
flash('No file part')
return redirect(request.url)
file = request.files['file']
if file.filename == '':
print('NOTHING SELECTED')
flash('No file selected for uploading')
return redirect(request.url)
if file and allowed_file(file.filename):
filename = secure_filename(file.filename)
""" Additional processing"""
最佳答案
我们在 MVC 中遇到了同样的问题,我们将按钮更改为 **输入类型 **提交**** 然后它就起作用了。 按钮对于表单提交不起作用
关于javascript - Flask 使用 AJAX 上传文件和按钮提交不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57889319/