Изображение не отображается, когда я хочу получить его из базы данных: Django -xhtml2pdf

Мне нужно получить изображение из базы данных (введенное мной в интерфейсе Django-admin), и отобразить его в сгенерированном pdf.

Сначала я получаю изображение для каждого конкретного пользователя, вошедшего в систему, вот так в views.py:

image1_full = CustomerPersonalData.objects.get(user_related=request.user)
obj_image1 = CustomerPersonalData._meta.get_field('image1')
value_image1 = str(obj_image1.value_from_object(image1_full))

в pdf_generated.html я определил его следующим образом:

<img src={{value_image1.url}} />

----> но при этом не отображается изображение.

PS: я использую xhtml2pdf

Добро пожаловать в SO.

Вот как я смог успешно реализовать это. Надеюсь, это поможет

url.py

path('foo/bar/<str:bar_id>/report/pdf/', getPdf,name="bar-report-pdf"),

process.py

from io import BytesIO
from django.conf import settings
from django.http import HttpResponse
from django.template.loader import get_template
from xhtml2pdf import pisa

def html_to_pdf(template_src, context_dict={}):
    template = get_template(template_src)
    html  = template.render(context_dict)

    result = BytesIO()
    pdf = pisa.pisaDocument(BytesIO(html.encode("ISO-8859-1")), 
                            result,
                            )
    if not pdf.err:
        return HttpResponse(result.getvalue(), content_type='application/pdf')
    return None

не используйте атрибут link_callback в pisaDocument при использовании внешних url

view.py

from foo.process import html_to_pdf 

def getPdf(request,bar_id):

    image_set = Bar.objects.filter(id=bar_id).all()
    
    context = {
        'title':"Inspection Report",
        "images": image_set,
        }

    open('templates/temp.html', "w").write(render_to_string('app/bar-report-pdf.html',context ))

    pdf = html_to_pdf('temp.html')
         
    return HttpResponse(pdf, content_type='application/pdf')

bar-report-pdf.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    {% for image in images %}
            <img class="d-block img-fluid" src="{{image.thumbnail_url_public}}" alt="{{forloop.counter}}">
    {% endfor %}
</body>
</html>

здесь image.thumbnail_url_public находится текстовое поле, содержащее публичный url изображения s3. Вы также можете использовать предварительно подписанный url, если это частное ведро s3.

надеюсь, это поможет

У меня была та же проблема, и после многократных попыток решения с кодировкой base64 самым простым решением было заменить .url на .path, что работало на моем windows dev-сервере и linux production-сервере

<img src="{{value_image1.path}}" />
Вернуться на верх