Загрузка файла Flask-WTF с помощью весовых форм, не прошедших проверку - PullRequest
0 голосов
/ 09 ноября 2018

Я пытаюсь загрузить файл в форму Flask и не могу пройти проверку. Я следовал за документами и безуспешно пробовал и этот текущий метод, и CombinedMultiDict() отправку в формы. Я распечатал ошибку, которая ..

print(form.validate_on_submit())
False
print(form.errors)
{'upload': ['This field is required.']}

Импорт ..

import os
from flask import Flask, render_template, request, flash, redirect, url_for, session, logging
from flask_mysqldb import MySQL
from wtforms import Form, SelectField, StringField, TextAreaField, PasswordField, BooleanField,validators
from flask_wtf import FlaskForm
from flask_wtf.file import FileField, FileRequired, FileAllowed
from werkzeug.utils import secure_filename

Вот моя форма ..

class UploadFileForm(FlaskForm):
    file_name = StringField('File Title', [
        validators.Length(min=4, max=35, message="File Title must be between 4 & 35 characters."),
        validators.Regexp(username_reg, message="File Title can contain only letters, numbers or underscores.")
    ])
    file_desc = TextAreaField('Body', [
        validators.Length(max=500),
        validators.Regexp(group_reg, message="The description can only contain letters, numbers, underscores, dashes, exclaimation/question marks, or periods."),
        validators.Optional()
    ])
    upload = FileField('File', validators=[FileRequired()])

Мой взгляд ...

@app.route('/upload_file', methods=['GET', 'POST'])
def upload_file():
    form = UploadFileForm():
    if form.validate_on_submit(): 
        print('========================')
        # file_name = secure_filename(form.file.data)
        file_name = form.file_name.data
        file_desc = form.file_desc.data
        file_path = os.path.join(app.config['UPLOAD_FOLDER'], secure_filename(form.upload.data.filename))
        form.upload.data.save(file_path)

        # Get user and group
        user = User.query.filter_by(username=session.get('username')).first()
        group = Group.query.filter_by(groupname=session.get('groupname')).first()

        # Add to DB
        new_file = File(file_name=file_name, file_desc=file_desc, file_path=file_path, uploader=user.username, user=user, group=group)
        db.session.add(new_file)
        db.session.commit()

        flash('File Uploaded!')
        return redirect(url_for('dashboard'))
    return render_template('upload_file.html', form=form)

HTML-страница ...

{% extends 'layout.html'%}

{% block body %}
    <h1>Upload File</h1>
    {% from "includes/_formhelpers.html" import render_field %}
    <form method="POST" action="" enctype="multipart/form-data">
        {{ form.csrf_token }}
        <div class="form-group">
        {{render_field(form.file_name, class_="form-control")}}
        </div>
        <div class="form-group">
        {{render_field(form.file_desc, class_="form-control")}}
        </div>
        <div class="form-group">
        {{render_field(form.upload, class_="form-control")}}
        </div>
        <input type="submit" class="btn btn-primary" value="Submit">
    </form>
{% endblock %}

Когда я отправляю файл, он просто игнорирует отправленный файл, что приводит к сбою проверки. Я неправильно утверждаю или испортил форму?

Заранее спасибо!

- UPDATE--
Все еще борется с проблемой пустых файлов. Я немного поиграл с формой и html, но я все еще не получаю никакой информации при отправке формы.

Новая форма (Просто изменили поле загрузки и добавили отправленную форму) ...

class UploadFileForm(FlaskForm):
    file_name = StringField('File Title', [
        validators.Length(min=4, max=35, message="File Title must be between 4 & 35 characters."),
        validators.Regexp(username_reg, message="File Title can contain only letters, numbers or underscores.")
    ])
    file_desc = TextAreaField('Body', [
        validators.Length(max=500),
        validators.Regexp(group_reg, message="The description can only contain letters, numbers, underscores, dashes, exclaimation/question marks, or periods."),
        validators.Optional()
    ])
    upload = FileField('File', validators=[FileRequired(), FileAllowed(['txt', 'pdf', 'png', 'jpg', 'jpeg', 'gif', 'ppt'], 'Invalid File Type. Must be .txt, .pdf, .png, .jpeg')])
    submit = SubmitField('Post')

Новый HTML (просто изменил кнопку отправки, добавил тег fieldset от отчаяния и изменил ввод form.upload) ...

<h1>Upload File</h1>
    {% from "includes/_formhelpers.html" import render_field %}
    <form method="POST" action="" enctype=“multipart/form-data”>
        {{ form.csrf_token }}
        <fieldset class="form-group">
            <div class="form-group">
                {{render_field(form.file_name, class_="form-control")}}
                </div>
                <div class="form-group">
                {{render_field(form.file_desc, class_="form-control")}}
                </div>
                <div class="form-group">
                {{ form.upload(class="form-control-file") }}
                </div>
        </fieldset>
        <div class="form-group">
            {{ form.submit(class="btn btn-primary") }}
        </div>
    </form>

Вид не изменился. Мне кажется, что проблема централизована в форме HTML, так как форма сообщений без проблем. Я неправильно обрабатываю форму импорта файлов?

1 Ответ

0 голосов
/ 19 ноября 2018

Наконец исправили. Изменил форму на ...

{% block body %}
    <h1>Upload File</h1>
    {% from "includes/_formhelpers.html" import render_field %}
    <form method="POST" action="" enctype="multipart/form-data">
        {{ form.hidden_tag() }}
        <fieldset class="form-group">
            <div class="form-group">
                {{render_field(form.file_name, class_="form-control")}}
            </div>
            <div class="form-group">
                {{render_field(form.file_desc, class_="form-control")}}
            </div>
            <div class="form-group">
                {{ form.upload.label() }}
                {{ form.upload(class="form-control-file") }}
            </div>
        </fieldset>
        <div class="form-group">
            {{ form.submit(class="btn btn-outline-info") }}
        </div>
    </form>
{% endblock %}

Также настроены некоторые другие вещи импорта.

...