在Flask中怎样读取MySQL数据库里的图片并返回至前端

在Web开发中，经常会遇到需要从数据库读取图片并展示到前端页面的需求。本文将详细介绍在Flask框架中，如何读取MySQL数据库里的图片并返回至前端。

确保安装了必要的库。Flask是核心的Web框架，需要安装它以及用于连接MySQL数据库的mysql-connector-python库。可以通过pip install flask mysql-connector-python来完成安装。

接着，在Flask应用中建立与MySQL数据库的连接。示例代码如下：

import mysql.connector
from flask import Flask, send_file
import io

app = Flask(__name__)

def get_image_from_db():
    mydb = mysql.connector.connect(
        host="localhost",
        user="your_username",
        password="your_password",
        database="your_database"
    )
    mycursor = mydb.cursor()
    mycursor.execute("SELECT image_column FROM your_table WHERE id = 1")
    result = mycursor.fetchone()
    mydb.close()
    if result:
        return result[0]
    return None

上述代码定义了一个get_image_from_db函数，它连接到MySQL数据库，执行查询语句，从指定表中获取图片数据，查询完成后关闭数据库连接。

然后，创建一个Flask路由来返回图片。代码如下：

@app.route('/get_image')
def get_image():
    image_data = get_image_from_db()
    if image_data:
        return send_file(
            io.BytesIO(image_data),
            mimetype='image/jpeg'
        )
    return "图片未找到"

在这个路由中，调用get_image_from_db函数获取图片数据。如果获取到数据，使用send_file函数将图片数据作为响应返回给前端，并设置正确的MIME类型。如果未找到图片，则返回相应的提示信息。

最后，启动Flask应用：

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

在前端页面，通过<img>标签的src属性指向/get_image路由，即可实现图片的展示。例如：<img src="/get_image" alt="图片">。

通过以上步骤，就能在Flask应用中顺利读取MySQL数据库里的图片并展示到前端页面。这个过程涉及到数据库连接、数据查询、数据处理以及前端展示多个环节，每个环节都需要仔细处理，确保系统的稳定运行和良好用户体验。