如何使用 Flask 框架将图片添加到我的帖子中？

Question

我目前正在努力为我的 flaskblog 中的帖子添加图片

这是我的 routes.py 导入和 new_post 函数和路由

import os

import secrets

from PIL import Image

from flask import render_template, url_for, flash, redirect, request, abort

from flaskblog import app, db, bcrypt

from flaskblog.forms import RegistrationForm, LoginForm, UpdateAccountForm, PostForm

from flaskblog.models import User, Post

from flask_login import login_user, current_user, logout_user, login_required

@app.route("/post/new", methods=['GET', 'POST'])

@login_required

def new_post():

    form = PostForm()

    if form.validate_on_submit():

        if form.post_picture.data:

            image_post = form.post_picture.data

        post = Post(title=form.title.data, content=form.content.data, author=current_user, post_image=image_post)

        db.session.add(post)

        db.session.commit()

        flash('Your post has been created!', 'success')

        return redirect(url_for('home'))

    return render_template('create_post.html', title='New Post', post_image=post_image,

                           form=form, legend='New Post')

这是我的 forms.py 导入和 PostForm 类

from flask_wtf import FlaskForm

from flask_wtf.file import FileField, FileAllowed

from flask_login import current_user

from wtforms import StringField, PasswordField, SubmitField, BooleanField, TextAreaField

from wtforms.validators import DataRequired, Length, Email, EqualTo, ValidationError

from flaskblog.models import User

class PostForm(FlaskForm):

    title = StringField('Title', validators=[DataRequired()])

    content = TextAreaField('Content', validators=[DataRequired()])

    post_picture = FileField('Add image to your post', validators=[FileAllowed(['jpg', 'png'])])

    submit = SubmitField('Post')

这是我的 models.py 文件和 Post 类

from datetime import datetime

from flaskblog import db, login_manager

from flask_login import UserMixin

Answer 1

在你的 new_post 方法中你需要通过return render_template('create_post.html', title='New Post', post_image=image_post,                            form=form, legend='New Post')以非常相似的方式命名不同的变量会让您的生活变得有点困难：image_post、post_image、post_picture 这很可能使您在代码中混淆它们。

Answer 2

您的image_post变量在 if 语句中分配return redirect(url_for('home'))。所以它不会被分配，如果你return render_template('create_post.html', title='New Post', post_image=post_image,                            form=form, legend='New Post')请记住，一个方法一次只返回一个东西。

Answer 3

我遇到了这个错误，我发现你需要编辑这个：<div class="content-section"> <form method="POST" action="">对此：<div class="content-section"> <form method="POST" action="" enctype="multipart/form-data">就是这样