Flask应用图片无法上传至数据库，触发笔记错误提示问题排查

1. 路由冲突导致请求被错误处理 #

你的home和upload视图都绑定了根路径/的POST请求，Flask会按照视图函数的注册顺序匹配请求——home视图先定义，所以所有发送到/的POST请求都会被home视图处理，完全不会走到upload的图片上传逻辑。

当你提交图片表单时，home视图里尝试获取request.form.get('note')，但你的图片表单里没有这个字段，所以触发了flash('This cannot be a real anime name!', category='error')的错误提示。

修复方法：
给图片上传路由设置独立的URL，比如/upload-image，修改upload视图的路由装饰器：

@views.route('/upload-image', methods=['GET', 'POST'])
@login_required
def upload():
    # 原有逻辑不变

同时修改模板里的表单action属性，指向这个新路由：

<form method="POST" action="/upload-image">

2. 文件上传表单缺少必要的编码类型 #

上传文件的表单必须添加enctype="multipart/form-data"属性，否则Flask无法解析请求中的文件数据，request.files会为空。

修复方法：
修改模板中的表单标签：

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

3. 表单文件字段名与视图获取的字段名不匹配 #

模板里的文件输入框name属性是img，但upload视图里写的是request.files['pic']，字段名不匹配会导致无法获取上传的文件。

修复方法：
统一字段名，要么把模板里的name='img'改成name='pic'，要么把视图里的request.files['pic']改成request.files['img']。

4. 其他潜在问题（不触发当前错误，但会导致后续功能异常） #

• User模型关系命名错误：模板里遍历的是user.imgs，但User模型里定义的关系是img = db.relationship('Img')，应该改成复数形式匹配模板：

  class User(db.Model, UserMixin):
      # 其他字段不变
      imgs = db.relationship('Img')
  

• secure_filename使用错误：upload视图里filename = secure_filename是把函数对象赋值给filename，应该调用函数并传入文件名：

  from werkzeug.utils import secure_filename
  
  # 在upload视图里
  filename = secure_filename(pic.filename)
  

• Img模型的img字段类型问题：存储二进制图片数据应该用db.LargeBinary而不是db.Text，否则可能导致数据损坏：

  class Img(db.Model):
      # 其他字段不变
      img = db.Column(db.LargeBinary, nullable = False)
  

内容的提问来源于stack exchange，提问作者Desperate Panda