在 PDF 中使用 Jinja2 和 weasyprint 在 template.html 中渲染图像

Question

我有一个 python 文件，可以像这样使用 jinja2 生成 HTML 页面（和 PDF）。

import pandas as pd
import requests
from jinja2 import Environment, FileSystemLoader
from weasyprint import HTML

# Stuff to get dataframe...

# Generate PDF and csv
env = Environment(loader=FileSystemLoader('.'))
template = env.get_template("template.html")

template_vars = {"title" : "Something...",
                "vulnerabilities_table": df.to_html(index=False)}

html_out = template.render(template_vars)
HTML(string=html_out).write_pdf("report_styled.pdf", stylesheets=["style.css"])

它使用以下template.html

<!DOCTYPE html>
{% block layout_style %}
<style> @page { size: letter landscape; margin: 2cm; } </style>

{% endblock %}
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>{{ title }}</title>
</head>
<body>
    <img src="static/images/Logo.png" style="height: 100; width: 300; float:inline-start">
    <h2>{{ title }}</h2>
     {{ vulnerabilities_table }}
</body>
</html>

问题是图像根本没有渲染（但其余的渲染）。我猜是因为我没有使用 Flask

<img src="static/images/Logo.png" style="height: 100; width: 300; float:inline-start">

我的图片在文件夹 static/images/Logo.png 中。我做错了什么？

Answer 1

问题不在于 Flask。这是关于 weasyprint 将 html 页面（在您的情况下实际上是 html 字符串）转换为 PDF。对于 weasyprint HTML class 获取 img 源 (static/images/Logo.png)，您需要将完整的本地文件路径作为 file:///path/to/folder/static/images/Logo/png .

你可以做的是，在 template.html:

<img src="{{ image_path }}" style="height: 100; width: 300; float:inline-start">

在python代码中：

import os
this_folder = os.path.dirname(os.path.abspath(__file__))
template_vars = {"title" : "Something...",
                "vulnerabilities_table": "hello world",
                 "image_path": 'file://' + os.path.join(this_folder, 'static', 'images', 'Logo.png' )}
html_out = template.render(template_vars)
HTML(string=html_out).write_pdf("report_styled.pdf", stylesheets=["style.css"])

在 PDF 中使用 Jinja2 和 weasyprint 在 template.html 中渲染图像

Render image in template.html with Jinja2 and weasyprint in a PDF

python

jinja2

weasyprint