使用 Weasyprint 的 PDF 输出不显示图像（Django）
Posted
技术标签:
【中文标题】使用 Weasyprint 的 PDF 输出不显示图像（Django）【英文标题】：PDF output using Weasyprint not showing images (Django) 【发布时间】：2018-08-05 22:06:54 【问题描述】：我正在尝试使用 Weasyprint 库在 Django 上输出 PDF，但图像未出现在生成的 PDF 上。我已经尝试了图像的相对和静态 URL，但即使是静态 URL 也不会显示图像。在 chrome 上打开 html 本身时，图像会显示。
这是我在 views.py 文件中的 pdf 生成视图：
def pdf_generation(request, some_slug)
stud = Student.objects.get(some_slug=some_slug)
studid = stud.some_slug
context = 'studid':studid
html_string = render_to_string('templates/pdf_gen.html', context)
html = HTML(string=html_string)
pdf = html.write_pdf(stylesheets=[CSS(settings.STATIC_ROOT + '/css/detail_pdf_gen.css')]);
response = HttpResponse(pdf, content_type='application/pdf')
response['Content-Disposition'] = 'inline; filename="mypdf.pdf"'
return response
这是图片的 HTML 部分：
<DIV id="p1dimg1">
<IMG src="% static 'img/image.jpg' %" >
</DIV>
还有 CSS：
#page_1 #p1dimg1 position:absolute;top:0px;left:0px;z-
index:-1;width:792px;height:1111px;
#page_1 #p1dimg1 #p1img1 width:792px;height:1111px;
非常感谢
【问题讨论】：
【参考方案1】：我不知道 Weasyprint，但我使用的是 Pisa，它非常适合将图片转换为 PDF 输出。
例如：
def PDFGeneration(request) :
var1 = Table1.objects.last()
var2 = Table2.objects.last()
data = "key1" : variable1, "key2" : variable2
html = get_template('My_template_raw.html').render(data)
result = StringIO()
with open(path, "w+b") as file :
pdf = pisa.pisaDocument(StringIO(html), file, link_callback=link_callback)
file.close()
image_data = open(path, "rb").read()
return HttpResponse(image_data, content_type="application/pdf")
return render(request, 'HTML template', context)
和
def link_callback(uri, rel):
if uri.find('chart.apis.google.com') != -1:
return uri
return os.path.join(settings.MEDIA_ROOT, uri.replace(settings.MEDIA_URL, ""))
我的 PDF 是从 .html 文件生成的，我的图片是这样的：
<html>
<head>
% load staticfiles %
% load static %
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="% static 'css/MyFile.css' %"/>
<style>
body
font-family: Courier New, Courier, monospace;
text-align: justify;
list-style-type: none;
</style>
</head>
<body>
<img src="MEDIA_ROOTLogo/logo.jpeg" />
<br></br>
...
【讨论】：
我一直在干预代码，直到我对自己产生了一些严重的怀疑并尝试了其他图片，似乎只显示了 png 图像。也许这是错误的css，或者我可能只需要将所有图像转换为png。不过感谢您的回答！ 好的。这很奇怪，但是一年前，我正在寻找一种获取带有图片的 PDF 的好方法，而Pisa 和 html2pdf 似乎是做到这一点的最佳工具；）我没有任何问题，而且效果很好。如果我的回答对您有所帮助，请不要犹豫投票。【参考方案2】：
修正者：
添加base_url=request.build_absolute_uri() 这样
html = HTML(string=html_string)
变成
html = HTML(string=html_string, base_url=request.build_absolute_uri())
这将允许 HTML 文件中的相对 URL。
对于图像，出于某种原因，似乎只有 PNG 图像有效。
对于要在 PDF 上显示的 HTML 样式，请根据 Weasyprint 文档添加presentational_hints=True：
pdf = html.write_pdf(stylesheets=[CSS(settings.STATIC_ROOT + '/css/detail_pdf_gen.css')], presentational_hints=True);
【讨论】：
问题是，为什么 JPG 不起作用。 PNG 工作正常。 这是帮助我的部分“对于图像，由于某种原因，似乎只有 PNG 图像有效。” 如果是 JPG 图片，安装 gdk-pixbuf 包解决了我的问题。对于 Ubuntu sudo apt-get install libgdk-pixbuf2.0-0【参考方案3】：将图片路径的静态设置为：
% load static %
<img src="% static 'images/your_image.png %" />
然后您必须将 Weasyprint 的 HTML 类中的 base_url 传递为：
HTML(string=html_string, base_url=request.build_absolute_uri())
【讨论】：
尝试了您的解决方案，但出现错误 unorderable types: str() > float()【参考方案4】：将HTML(string=html_string, base_url=request.build_absolute_uri()) 添加到我的配置图像后仍未加载。必须使用下面的日志来识别真正的问题。
import logging
logger = logging.getLogger('weasyprint')
logger.addHandler(logging.FileHandler('/tmp/weasyprint.log'))
然后检查/tmp/weasyprint.log日志文件是否有错误。
对我来说真正的问题是：
urlopen error [SSL: CERTIFICATE_VERIFY_FAILED] certificate verify failed: self signed certificate
修复是禁用 ssl 验证：
import ssl
ssl._create_default_https_context = ssl._create_unverified_context
【讨论】：
以上是关于使用 Weasyprint 的 PDF 输出不显示图像（Django）的主要内容，如果未能解决你的问题，请参考以下文章
使用具有通用页眉/页脚和分页的 WeasyPrint 生成 PDF
在 Linux Web App 上安装 Weasyprint 和 Cairo 时遇到问题