为什么ajax将FormData放入request.data而不是request.files？

Flask，我想通过HTML中的AJAX调用上传图片文件。在app.py为什么ajax将FormData放入request.data而不是request.files？

<div class="image-holder"> 
    <form action="/calc_full_result" id="upload-form-left" name="form-left" method=post enctype=multipart/form-data> 
    <div class="image-holder-left"> 
     <div class="image-upload"> 
     {% if img_left %} 
     <label id="upload-left-label" for="file-input-left"><img id="left-image" src="data:image/png;base64, {{img_left}}"/></label> 
     {% else %} 
     <label id="upload-left-label" for="file-input-left"><img id="left-image" src="{{url_for('static', filename='upload_fill.png')}}" /></label> 
     {% endif %} 
     <input id="file-input-left" type=file name=file onchange="mysubmit(this)"/> 
     </div> 
    </div> 
    <form action="/calc_full_result" id="upload-form-right" name="form-right" method=post enctype=multipart/form-data> 
    <div class="image-holder-right"> 
     <div class="image-upload"> 
     {% if img_right %} 
     <label id="upload-right-label" for="file-input-right"><img id="right-image" src="data:image/png;base64, {{img_right}}"/></label> 
     {% else %} 
     <label id="upload-right-label" for="file-input-right"><img id="right-image" src="{{url_for('static', filename='upload_fill.png')}}"/></label> 
     {% endif %} 
     <input id="file-input-right" type=file name=file onchange="mysubmit(this)"/> 
     </div> 
    </div> 
    </form> 
</div>

然后：

我写此Javascript：

function mysubmit(input){ 
    var file_input = document.getElementById('file-input-left'); 
    var form_data = new FormData(); 
    var file = file_input.files[0]; 
    alert(file); 
    form_data.append('file', file); 
    $.ajax({ 
     type: 'POST', 
     url: '/calc_full_result', 
     data: form_data, 
     contentType: false, 
     cache: false, 
     processData: false, 
     async: false, 
     success: function(data){ 
      alert('Success!'); 
     }, 
    }); 
}

和HTML

@app.route('/calc_full_result', methods=['POST']) 
def calc_full_result(): 
    if request.method == 'POST': 
     file = request.files['file'] 
     return jsonify(result="suc")

但我不能得到的目标文件，它总是空，无法保存。当我检查请求时，我可以看到len(request.data)几乎是图像文件的大小。我不知道为什么request.files是空的以及如何将文件保存在request.data？可能吗？

来源

2017-06-29 Guillaume

尝试：

data: new FormData(document.getElementById('upload-form-left'))

来源

2017-06-29 20:53:29 darksky

它不适合me.No从输入或形式工作事新FORMDATA，这是相同的。 – Guillaume

为什么你有'async：false'？ – darksky

实际上，我从演示中学到了这段代码，并将async设置为true会有所帮助？我想尝试一下，先谢谢 – Guillaume

为什么ajax将FormData放入request.data而不是request.files？

回答

相关问题