Question

所以我有一个带有几个输入文本字段的HTML表单，但现在我想以相同的形式包含文件上传。

我在这里的其他帖子中看到，使用FormData对象可以帮我完成工作。但是当我实现它时，我在Flask中收到的字典是空的。

这是HTML表单。调用该操作的按钮位于表单之外 - 我使用Ajax处理它，因为我不想刷新页面。

<form action="{{ url_for('configure') }}" method="post" enctype="multiform/form-data" id="form_withtabs">
    <div class="row">
        <br>
        <div class="col-lg-2">
            <label>
                <input type="text" id="input_username" name="username" class"form-control" placeholder="Username" >
            </label>
        </div>
        <div class="col-lg-2">
            <label>
                <input type="password" name="password" class"form-control" placeholder="Password" />
            </label>
        </div>
        <div class="col-lg-3">
            <input class="pull-right" type="text" name="project_name" data-toggle="tooltip" data-placement="left" title="Select a name for the project" placeholder="Project Name" />
        </div>
        <div class="col-lg-5">
            <input type="file" name="config_file" class="pull-right" />
        </div>
    </div>
</form>

        var thisformData = new FormData($('#form_withtabs'));

        $.ajax({
            url: "/configure",
            data: thisformData,
            type: 'POST',
            contentType: false,
            cache: false,
            processData: false,
            async: false,
            success: function(response) {
                var $link_addr = $(response).filter('#link').html();
                $('body').removeClass("loading");
                $(".alert-danger").html($link_addr);
                $(".alert-danger").show();
                return true;
            }

这是处理请求的函数。

@app.route('/configure', methods=['POST'])
def configure():
    print request.form
    if request.method == 'POST':
        #request the file from 
        file = request.files['config_file']
        if file:
            filename = secure_filename(file.filename)
            #app.config["UPLOAD_FOLDER"] is defined in flask_define.py
            file.save(os.path.join(app.config['UPLOAD_FOLDER'], filename))

我从按提交中得到的结果是

ImmutableMultiDict([])

400 Bad Request

有人可以帮助我找到我的错误吗？

Answer 1

我找到了解决方案。

而不是使用var thisformData = new FormData($('#form_withtabs'));

我尝试使用var form = document.querySelector('#form_withtabs'); var formData = new FormData(form); 最后解决了我的问题，Flask现在收到了所有东西。

烧瓶文字＆amp;以相同的形式上传文件 - 导致空字典

1 个答案: