Weasyprintライブラリを使用してPDF on Djangoを出力しようとしていますが、生成された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' %}" alt="">
</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;}
どうもありがとうございました
画像のパスを静的に設定します。
{% load static %}
<img src="{% static 'images/your_image.png %}" alt="" />
次に、WeasyprintのHTMLクラスでbase_urlを次のように渡す必要があります。
HTML(string=html_string, base_url=request.build_absolute_uri())
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_ROOT}}Logo/logo.jpeg" width="250" height="66"/>
<br></br>
...