Flask-WTForm FileField returns None 而不是上传的文件

Flask-WTForm FileField returns None instead of the file uploaded

我正在尝试使用 Flask-WTForm 的 FileField 上传图片。但是即使我上传了图片,它也检测不到。

表单创建为:

class User_settings_profile_picture_form(FlaskForm):
    picture = FileField('Update profile picture', validators=[DataRequired(), FileAllowed(['jpg', 'png', 'jpeg', 'gif'])])
    submit = SubmitField('Update')

使用表格的路线是这样的:

profile_pic_form = User_settings_profile_picture_form()
.
.
.
if profile_pic_form.validate_on_submit():
    if profile_pic_form.picture.data:
        ...
else:
    #for debugging purposes
    print("Is valid: " + profile_pic_form.validate())
    print("Errors: " + profile_pic_form.errors)
    print("Request files: " + request.files)

print 语句用于调试目的,在控制台中它是这样的:

Is valid: False
Errors: {'picture': ['This field is required.']}
Request files: ImmutableMultiDict([])

html 看起来像:

<form method="POST" action="">
    {{ profile_pic_form.hidden_tag() }}
    <div class="mb-3">
        <h3>Profile Picture</h3>
        {{ profile_pic_form.picture(class="form-control-file", placeholder="Enter new Bio") }}
        {{ profile_pic_form.submit(class="mt-3 btn btn-primary mb-5") }}
    </div>
</form>

如果我打印 profile_pic_form.picture.data,它会给我 None

有谁知道为什么会这样。我查看了 SO,但没有找到针对此特定案例的解决方案。

问题出在 html。应该是:

<form method="POST" action="" enctype="multipart/form-data">

而不只是:

<form method="POST" action="">

编辑:阅读 documentation 以更好地理解。