Flask 如何使用Flask WTF的FileField来实际上传文件

在本文中，我们将介绍如何使用Flask的Web表单工具(Flask WTF)的FileField来实际上传文件。Flask是一个基于Python的Web开发框架，简单灵活，功能强大。Flask WTF是Flask的扩展，用于生成Web表单，并提供了文件上传的功能。

阅读更多：Flask 教程

1. 准备工作

在使用Flask WTF的FileField进行文件上传之前，我们需要先安装相应的库。首先，确保已经安装了Flask框架和Flask WTF扩展。可以使用pip命令来安装：

pip install Flask
pip install flask-wtf

安装完成后，我们可以进一步构建一个简单的Flask应用来演示文件上传的过程。首先，创建一个Python文件，命名为app.py，并导入相应的库：

from flask import Flask, render_template
from flask_wtf import FlaskForm
from flask_wtf.file import FileField
from werkzeug.utils import secure_filename

app = Flask(__name__)
app.secret_key = "secret"

class UploadFileForm(FlaskForm):
    file = FileField('File')

@app.route('/', methods=['GET', 'POST'])
def upload_file():
    form = UploadFileForm()
    if form.validate_on_submit():
        file = form.file.data
        filename = secure_filename(file.filename)
        file.save(filename)
    return render_template('upload.html', form=form)

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

在上述代码中，我们创建了一个基于FlaskForm的表单类UploadFileForm，其中包含一个FileField来处理文件上传。在路由函数upload_file中，我们处理了表单的提交，获取上传的文件数据并保存到本地。最后，使用render_template函数渲染一个表单模板upload.html，并将表单对象传递给模板。

2. 创建上传表单模板

接下来，我们需要创建一个模板文件upload.html来显示上传表单。在templates文件夹下创建upload.html文件，并编写以下内容：

<!DOCTYPE html>
<html>
<head>
    <title>File Upload</title>
</head>
<body>
    <h1>File Upload</h1>
    <form method="POST" enctype="multipart/form-data">
        {{ form.csrf_token }}
        {{ form.file.label }} {{ form.file() }}
        <input type="submit" value="Submit">
    </form>
</body>
</html>

在上述模板中，我们使用了Flask WTF提供的一些模板变量和过滤器。form.csrf_token用于生成CSRF令牌来防止跨站请求伪造。form.file.label和form.file()分别用于渲染文件上传字段的标签和输入框。最后，使用input标签创建一个提交按钮。