如何使用Ajax在python瓶中发布表单数据(上传的图像)?

时间:2018-03-20 13:02:45

标签: javascript python ajax

这是我的表格

<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> 

这是我的Ajax代码

$("#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');
        }
        })
    });

使用时,var form_data = $(&#34; #uploadForm&#34;)。serialize()=&gt; form_data是空字符串。 使用时,var form_data = new FormData($(&#39; #uploadForm&#39;)[0])=&gt;表格数据如下图所示。

form_data

我想将上传的图片传递给服务方法。如何在js文件中访问表单数据?谢谢。

1 个答案:

答案 0 :(得分:0)

这是一个link,描述了如何使用FormData对象以及如何使用FormData提交文件。