如何使用Ajax在python瓶中发布表单数据（上传的图像）？

Question

This is my form

<form method='post' enctype='multipart/form-data' id='uploadForm' name='formn'>
    <input type='file' value='' name='newfile'>
    <input type='submit' name='sub' value='Submit'>
</form> 

this is my Ajax code

$("#uploadForm").submit(function(event) {
    event.preventDefault();
    var form_data = $("#uploadForm").serialize();
    //var form_data = new FormData($('#uploadForm')[0]);
    $.ajax({
        type        : "POST",
        url         : "/my_url",
        data        : form_data,
        contentType : false,
        processData : false,
        cache       : false,
        async       : false,
        success: function(data, status ) {
            alert('success');
        },
        error : function() {
            alert('fail');
        }
        })
    });

when use, var form_data = $("#uploadForm").serialize()=> form_data is empty string. when use, var form_data = new FormData($('#uploadForm')[0])=> form data is as following screen shot.

I want to pass the uploaded image into the service method. How can I access form data in my js file? Thank you.

Answer 1

这是一个链接，描述如何使用FormData对象以及如何使用FormData提交文件。