使用Python-Flask模板引擎显示图像_用于图像生成的模板引擎_js模板引擎使用 - 腾讯云开发者社区

使用Python-Flask模板引擎显示图像

基础概念

Python-Flask 是一个轻量级的 Web 框架，用于快速构建 Web 应用程序。Flask 使用 Jinja2 作为其默认的模板引擎，Jinja2 是一个功能强大且易于使用的模板引擎，可以用来生成 HTML 页面。

显示图像的优势

简化开发：Flask 和 Jinja2 的结合使得 Web 开发变得更加简单和高效。
灵活性：可以轻松地在模板中嵌入动态内容，包括图像。
安全性：Jinja2 提供了防止跨站脚本攻击（XSS）的功能。

类型

在 Flask 中显示图像主要有以下几种方式：

静态文件：将图像文件放在 static 目录下，通过 URL 直接访问。
动态生成图像：使用 Python 图像处理库（如 Pillow）动态生成图像并返回给客户端。
数据库中的图像：将图像存储在数据库中，然后从数据库中读取并显示。

应用场景

博客网站：显示文章配图。
电子商务网站：显示商品图片。
社交媒体：显示用户上传的照片。

示例代码

静态文件方式

将图像文件放在 static 目录下，例如 static/images/example.jpg。
在模板文件中使用以下代码显示图像：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Display Image</title>
</head>
<body>
    <img src="{{ url_for('static', filename='images/example.jpg') }}" alt="Example Image">
</body>
</html>

动态生成图像方式

安装 Pillow 库：

pip install pillow

在 Flask 应用中添加以下代码：

from flask import Flask, render_template_string
from PIL import Image, ImageDraw

app = Flask(__name__)

@app.route('/dynamic-image')
def dynamic_image():
    img = Image.new('RGB', (200, 100), color = (73, 109, 137))
    d = ImageDraw.Draw(img)
    d.text((10,10), "Hello, Flask!", fill=(255,255,0))
    img_io = io.BytesIO()
    img.save(img_io, 'JPEG')
    img_io.seek(0)
    return render_template_string('''
        <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>Dynamic Image</title>
        </head>
        <body>
            <img src="data:image/jpeg;base64,{{ img_base64 }}" alt="Dynamic Image">
        </body>
        </html>
    ''', img_base64=img_io.getvalue().encode('base64').decode('utf-8'))

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