将上传的图片保存到Flask上的数据库中

Question

我正在学习Python，并使用Flask开发应用程序，其功能之一是用户可以上传个人资料图片，并且该图片应保存在数据库中。

我有一个用户可以在其中上传文件的表单，如下所示：

<form action="/myprofile" method="post" enctype="multipart/form-data">
    <div class="form-group">
        <input class="form-control" name="picture" placeholder="Picture" type="file">
    </div>
    <button class="btn btn-primary" type="submit">Submit</button>
</form>

然后，在application.py文件中，我像这样处理它：

@app.route("/myprofile", methods=["GET", "POST"])
@login_required
def myprofile():
    if request.method == "POST":
        
        db.execute("UPDATE users SET role = :role, picture = :picture, linkedin = :linkedin WHERE id = :user_id", role = request.form.get("role"), picture = request.files("picture"), linkedin = request.form.get("linkedin"), user_id = session["user_id"])

        return render_template("home.html")
    else:
        return render_template("myprofile.html")

这将返回内部服务器错误。有谁知道为什么吗？

感谢您的时间！

Answer 1

我看不到您遇到什么错误，但是我想分享我以前关于将图片上传到Flask的答案之一。 我使用flask，flask_sqlalchemy（带有sqlite3），html和Bootstrap准备了一个迷你应用程序，该应用程序可以满足您的要求。

您可以在此处找到完整的代码（我将通过更安全的文件上传对其进行更新），因为此处给出的只是一小部分：

FULL CODE

---

我的Github存储库中的某些代码

---

为数据库启动数据库，配置和图片表

在FileContent（db.Model）类中：

• data = file.read（）将二进制文件版本保存在数据库中 -render_file = render_picture（数据）。它保存了解码版本，因此您可以在网页中看到它以进行渲染。

  NumberFormatException

上传路线，这是图片发送到数据库并用正确的数据处理的地方

这就是应用程序路线中正在发生的事情：

• def render_picture（data）->获取照片的原始版本并返回解码版本，以便可以将其显示在Web上。

• data = file.read（）：这是原始数据。可用于从数据库下载图片

• render_file：已解码的文件，因此您可以在网页中检索它和渲染

  ＃渲染图片，此函数将数据转换为 request.files ['inputFile']，以便可以显示其中

      <xsl:variable name="$country" select="Request/country"/>
      <xsl:variable name="countries">|EG|KSA|UAE|AG|</xsl:variable>
  
      <xsl:when test="contains($countries,concat('|',$country,'|')">
          your logic goes here....
      </xsl:when>
  

INDEX路线

  # Built-in Imports
  import os
  from datetime import datetime
  from base64 import b64encode
  import base64
  from io import BytesIO #Converts data from Database into bytes

  # Flask
  from flask import Flask, render_template, request, flash, redirect, url_for, send_file # Converst bytes into a file for downloads

  # FLask SQLAlchemy, Database
  from flask_sqlalchemy import SQLAlchemy


  basedir = 'sqlite:///' + os.path.join(os.path.abspath(os.path.dirname(__file__)), 'data.sqlite')

  app = Flask(__name__)
  app.config['SQLALCHEMY_DATABASE_URI'] = basedir
  app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False
  app.config['SECRET_KEY'] = 'dev'
  db = SQLAlchemy(app)

  # Picture table. By default the table name is filecontent
  class FileContent(db.Model):

      """ 
      The first time the app runs you need to create the table. In Python
      terminal import db, Then run db.create_all()
      """
      """ ___tablename__ = 'yourchoice' """ # You can override the default table name

      id = db.Column(db.Integer,  primary_key=True)
      name = db.Column(db.String(128), nullable=False)
      data = db.Column(db.LargeBinary, nullable=False) #Actual data, needed for Download
      rendered_data = db.Column(db.Text, nullable=False)#Data to render the pic in browser
      text = db.Column(db.Text)
      location = db.Column(db.String(64))
      pic_date = db.Column(db.DateTime, nullable=False, default=datetime.utcnow)
      def __repr__(self):
          return f'Pic Name: {self.name} Data: {self.data} text: {self.text} created on: {self.pic_date} location: {self.location}'

具有表单的索引HTML

def render_picture(data):

    render_pic = base64.b64encode(data).decode('ascii') 
    return render_pic


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

   file = request.files['inputFile']
   data = file.read()
   render_file = render_picture(data)
   text = request.form['text']
   location = request.form['location']

   newFile = FileContent(name=file.filename, data=data, 
   rendered_data=render_file, text=text, location=location)
   db.session.add(newFile)
   db.session.commit() 
   flash(f'Pic {newFile.name} uploaded Text: {newFile.text} Location: 
   {newFile.location}')

   return render_template('upload.html')