使用 ajax 和 jQuery 传递表单和文件数据时出现问题

Question

我想将一些表单数据和文件从表单传递到烧瓶应用程序。但我不能用ajax传递它。我猜数据有问题。我已经在 ajax 中发送数据，但在 flask 应用程序中我没有得到任何字符串或文件。这是我的 html 代码：<form id="user_vote" enctype = "multipart/form-data">        <br>        <br>        <div class="row">            <label class="col-sm-2">Name:</label>            <div class="col-sm-10">                <input type="text" name="name" id="name" rows="2" class="form-control" required>            </div>        </div>        <div class="row">            <label class="col-sm-2">National ID Image:</label>            <div class="col-sm-10">                <input type="file" name="national_id_image" id="national_id_image" rows="2" class="form-control" required>            </div>        </div>        <br>        <div class="row">            <label class="col-sm-2">Vote:</label>            <div class="col-sm-10">                <input type="number" name="vote" id="vote" rows="2" class="form-control" required>            </div>        </div>        <div class="row">            <div class="col-lg-12 text-center">                <input type="button" id="submit_vote" class="btn btn-primary btn-lg"                       value="Authenticate and Encrypt Vote">            </div>        </div>这是我的 ajax 代码::      $(function(){        var form = $('#user_vote')[0];        var data = new FormData(form);        //console.log('hello');        //console.log(document.getElementById('submit_vote'));        $('#submit_vote').click(function(){          //console.log(data);          //console.log('hello');          $.ajax({            url: '/encrypt/vote',            type: "POST",            dataType: 'json',            enctype: 'multipart/form-data',            data: data,            contentType: false,            cache: false,            processData:false,            success: function(response)

Answer 1

似乎您设置了enctype: 'multipart/form-data', 这是$.ajax() 方法的不存在的属性。您应该更正此错误并简化请求：

$.ajax({

    type: "POST",

    data: data,

    url: '/encrypt/vote',           

    cache: false,

    contentType: false,

    processData: false,

    success: function(response) {

        /*The rest of your code*/

    },

    error: function(error){

         console.log(error);

    }

});

无需设置dataType，默认为Intelligent Guess(xml, json, script, or html)。在这里阅读更多。

编辑：确保您在 中使用正确的完整路径url，尽量不要使用相对地址，而是使用https://www.your-server.com/encrypt/vote。