Нужна помощь в рендеринге img в pdf из шаблона с использованием xhtml2pdf

Я создаю проект, в котором мне нужно получить данные в pdf из шаблона (html), моя проблема в том, что изображение не отображается в представлении pdf. Это мой код:

class GeneratePdf_month(TemplateView):

    template_name = "polls/info_month.html"

    def get(self, request, *args, **kwargs):
        ## do some....
        data = {
            'cliente': cliente,
        }
        pdf = render_to_pdf(self.template_name, data)
        return HttpResponse(pdf, content_type='application/pdf')


## and this is my html template
<head>
    {% load staticfiles %}
    <title>Detail</title>
    <style>
        table, th, td {
          border: 1px solid black;
          border-collapse: collapse;
          padding: 10px;
        }

    </style>
</head>
<body>
    <header>BlaBla<img src="{% static 'polls/images/image.png'%}"></header>
</body

Кто-нибудь может мне помочь?


person Zigko    schedule 29.04.2019    source источник


Ответы (1)


Если вы используете xhtmltopdf, вам также необходимо предоставить link_callback для возможности отображения изображений:

def link_callback(uri, rel):
    """
    Convert HTML URIs to absolute system paths so xhtml2pdf can access those
    resources
    """
    # use short variable names
    sUrl = settings.STATIC_URL     # Typically /static/
    #static Root
    sRoot = settings.STATIC_ROOT    # Typically /home/userX/project_static/
    mUrl = settings.MEDIA_URL       # Typically /static/media/
    mRoot = settings.MEDIA_ROOT     # Typically /home/userX/project_static/media/

    # convert URIs to absolute system paths
    if uri.startswith(mUrl):
        path = os.path.join(mRoot, uri.replace(mUrl, ""))
    elif uri.startswith(sUrl):
        path = os.path.join(sRoot, uri.replace(sUrl, ""))
    else:
        return uri  # handle absolute uri (ie: http://some.tld/foo.png)

    # make sure that file exists
    if not os.path.isfile(path):
            raise Exception(
                'media URI must start with %s or %s' % (sUrl, mUrl)
            )
    return path

И не забудьте добавить обратный вызов ссылки в ваш render_to_pdf:

def render_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, link_callback=link_callback)
    if not pdf.err:
        return HttpResponse(result.getvalue(), content_type='application/pdf') 
    return None

Вам также необходимо указать высоту и ширину внутри тега img, например:

<img src="{% static 'polls/images/image.png'%}" alt="image" width="200" height="150" />

В settings.py не забудьте указать ваши STATIC_URL AND STATIC_ROOT, MEDIA_URL AND MEDIA_ROOT

Например, вот так:

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR,'project_name/static/')
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR,'project_name/media/')

Тогда не забудьте запустить python manage.py collectstatic в терминале

Дополнительная информация здесь: https://xhtml2pdf.readthedocs.io/en/latest/usage.html#using-xhtml2pdf-in-django

person Ben Boyer    schedule 29.04.2019
comment
можете показать свои статические настройки и функцию render_to_pdf? - person Ben Boyer; 29.04.2019
comment
def render_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)), результат), если не pdf.err: вернуть HttpResponse(result.getvalue(), content_type='application/pdf') вернуть None - person Zigko; 29.04.2019
comment
Обновлено, нужно добавить link_callback при создании pisaDocument - person Ben Boyer; 29.04.2019
comment
я изменил на это и все еще не отображает изображение - person Zigko; 29.04.2019
comment
можешь поделиться своими статическими настройками? - person Ben Boyer; 29.04.2019
comment
я не сильно изменил settings.py, мой статический URL: python STATIC_URL = '/static/' - person Zigko; 29.04.2019
comment
Вам также нужно определить STATIC_ROOT или в sRoot в link_callback сделать тот же трюк, что и я. - person Ben Boyer; 29.04.2019
comment
Это должно работать так ``` STATIC_ROOT = '/static/' ``` - person Zigko; 29.04.2019
comment
STATIC_ROOT не должен быть абсолютным путем к вашей статической папке проекта. - person Ben Boyer; 29.04.2019
comment
хорошо, я сделал это так: STATIC_ROOT = '/home/zigko/Desktop/django_projects/mysite/polls/static/' и все еще не появляется изображение в моем pdf :( - person Zigko; 29.04.2019
comment
вам также нужно определить высоту и ширину в теге img, иначе он не будет работать - person Ben Boyer; 29.04.2019
comment
попробуйте добавить изображение в статическую папку в корне проекта (а не в статическую папку приложения) - person Ben Boyer; 29.04.2019
comment
я изменил это: ``` STATIC_ROOT = '/home/zigko/Desktop/django_projects/mysite/static/' ``` и ``` ‹img src={% static 'images/image.png'%} alt=image width=200 height=150 /› ``` и снова не работает... - person Zigko; 29.04.2019
comment
Вы поместили img внутрь: '/home/zigko/Desktop/django_projects/mysite/static/images/image.png'? и создать папку соответственно? - person Ben Boyer; 29.04.2019
comment
Я редактирую и проверяю свой ответ на проекте с нуля, и он работает. Обязательно выполните все шаги - person Ben Boyer; 30.04.2019
comment
Кто-нибудь заставил это работать в стилях xhtmltopdf в заголовке вашего шаблона? Похоже, в css это не работает следующим образом: background-image: url("{% static 'img/image.pdf' %}"); Я пытаюсь использовать PDF в качестве фонового изображения в PDF, который я создаю. Это работает, если я указываю абсолютный URL-адрес, но не использую тег Django staticfiles. - person kbdev; 10.01.2020
comment
Итак, я сделал все, и это не работает. Нет изображения в pdf, но потом я узнал, что xhtml2pdf не позволяет использовать все пакеты CSS. xhtml2pdf.readthedocs.io/en/stable/ Пожалуйста, проверьте эту ссылку. Я застрял здесь, и это похоже на тупик со всеми этими ошибками, такими как getFile '/static/css/style.css' '/home/jimitrupani/Desktop/mysite' '/home/ jimitrupani/Desktop/mysite' Исключение: URI мультимедиа должен начинаться с /static/ или /media/ - person Jimit Rupani; 16.09.2020