使用 Python Flask，在网页上显示来自 mysql 数据库的图像答案

【问题标题】：Using Python Flask, display images on webpage from mysql database使用 Python Flask，在网页上显示来自 mysql 数据库的图像
【发布时间】：2022-04-29 05:03:30
【问题描述】：

我使用 python 烧瓶创建了基于 Web 的应用程序来收集学生信息。

我创建了一个“学生”数据库，通过创建“图像”表来收集学生个人资料，包括他们的照片对于“照片”文件，我在 mysql 中使用 BLOB 数据类型。

这是我的代码：

import mysql.connector
import sys
from PIL import Image
import base64
import six
import io
import PIL.Image
import pymysql

from flask import Flask,render_template,request,flash
app=Flask(__name__)
app.secret_key = 'dont tell anyone'


@app.route('/')
def display_image():
    db = mysql.connector.connect(user='root', password='######',
                                  host='localhost',
                                  database='students')
    cursor=db.cursor()
    sql1='select photo from images'
    cursor.execute(sql1)
    #db.commit()
    data=cursor.fetchall()
    #print type(data[0][0])
    file_like=io.BytesIO(data[0][0])
    img=PIL.Image.open(file_like)
    db.close()
    return render_template("home.html",data=file_like)

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

我想将图像渲染为 html 文件并想在网页上显示这是我的html代码：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <h2>This is my file upload page</h2>
  <table>
    {% for item in data %}
    <tr>
      <td>{{item[0]}}</td>
    </tr>
    {% endfor %}
  </table>  

</body>
</html>

网页上的结果如下：

我想在网页上显示图像本身，但它以二进制模式显示。

您能否简要介绍我解决此问题或建议任何文章，以帮助我使用 python 烧瓶从 mysql 检索图像并显示在网页上，或者如果可能的话，您能否提供代码。

谢谢你带着敬意，拉梅什V

【问题讨论】：

感谢您的反馈

标签： python

【解决方案1】：

您将流传递给您的模板，而不是图像。

Python 编码，假设 I/O 将写入 .jpg：

import base64
imgdata = base64.b64decode(file_like)
filename = 'some_image.jpg'  # I assume you have a way of picking unique filenames
with open(filename, 'wb') as f:
    f.write(imgdata)

来自@rmunn 的回复：How to convert base64 string to image?

将扩展名与图像一起存储在数据库中是个好主意，这样您就知道如何在退出时正确编码它们。实现一个内容管理系统会更好，您的文件可以通过 url 获得，然后将这些 url 存储在您的数据库中。前期工作更多，但将流保留在数据库之外并作为文件保存在文件系统中，它们所属的位置。

【讨论】：

我建议发布另一个关于如何在 HTML 模板中使用图像的更具体的问题。我还建议将此答案标记为正确，因为它解决了您的模板呈现二进制流而不是图像文件的原因。