嗨,我对Flask很陌生,我想使用ajax调用将文件上传到服务器。如文档中所述,我将文件上传添加为以下格式:
<form action="" method=post enctype="multipart/form-data" id="testid"> <table> <tr> <td> <label>Upload</label> </td> <td> <input id="upload_content_id" type="file" name="upload_file" multiple> <input type="button" name="btn_uplpad" id="btn_upload_id" class="btn-upload" value="Upload"/> </td> </tr> </table> </form>
我这样写了ajax处理程序
$(document).ready(function() { $("#btn_upload_id" ).click(function() { $.ajax({ type : "POST", url : "/uploadajax", cache: false, async: false, success : function (data) {}, error: function (XMLHttpRequest, textStatus, errorThrown) {} }); }); });
我不知道如何从中获取上传的文件(不是名称)
<input id="upload_content_id" type="file" name="upload_file" multiple>
并将文件保存在文件夹中。我不太确定如何从我编写的处理程序中读取文件:
@app.route('/uploadajax', methods = ['POST']) def upldfile(): if request.method == 'POST': file_val = request.files['file']
如果有人可以帮助,我将不胜感激。先感谢您
要回答您的问题…
HTML:
<form id="upload-file" method="post" enctype="multipart/form-data"> <fieldset> <label for="file">Select a file</label> <input name="file" type="file"> </fieldset> <fieldset> <button id="upload-file-btn" type="button">Upload</button> </fieldset> </form>
JavaScript:
$(function() { $('#upload-file-btn').click(function() { var form_data = new FormData($('#upload-file')[0]); $.ajax({ type: 'POST', url: '/uploadajax', data: form_data, contentType: false, cache: false, processData: false, success: function(data) { console.log('Success!'); }, }); }); });
现在,在flask的终结点视图功能中,您可以通过flask.request.files访问文件的数据。
顺便说一句,表单不是表格数据,因此它们不属于表。相反,您应该求助于无序列表或定义列表。