时间戳

首页 > 解决方案 > Flask wtforms 不允许上传图片

python - Flask wtforms 不允许上传图片

问题描述

亲爱的，我一直在努力在我的应用程序的烧瓶表单上上传图像。我已经简化了代码，只显示表单是否通过打印语句获取了文件。脚本如下：

from flask import Flask, render_template, session, redirect, url_for
from flask_wtf import FlaskForm
from wtforms import  SubmitField
from flask_wtf.file import FileField
from PIL import Image
import os
from main import app

class Uploadform(FlaskForm):

    picture = FileField('Update Profile Pic')
    submit = SubmitField('Submit')


#### route
@app.route('/', methods=['GET', 'POST'])
def upload():

    form = Uploadform()
    path = app.root_path

    if form.validate_on_submit:
        print('form submitted')
        if form.picture.data:
            print('image available')
            img = form.picture.data
            print(img)

        else:
            print('no image')
            

    return render_template ('form.html', form=form)

if  __name__ == '__main__':
    app.run(debug=True)

HTML 表单如下：

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form method="POST" action="{{url_for('upload')}}">

    {{ form.hidden_tag() }}
    {{ form.csrf_token }}
    {{form.picture.label}} <br>
    {{form.picture}} <br>
    {{form.submit() }} <br>


    </form>
</body>
</html>

当我运行上述内容时，我得到打印语句：“提交的表单”和“无图像”

非常感谢您提前提供的帮助。

标签： pythonhtmlflaskflask-wtforms

解决方案

<form method="POST" action="{{url_for('upload')}}" enctype="multipart/form-data">

multipart/form-data如果用户将通过表单上传文件，则此值是必需的。

推荐阅读