Loading external Images with Django

Hello! Currently on a small project that uses WeasyPrint for generating a PDF based on a Jinja2 HTML template. Here is the template:

       <div class="details">
            <img src="{{ image }}" style="height: auto; width: 50px"/>
            <img src="http://place-hold.it/300" alt={{ id }} width="120" height="90"/>
            <div class="img-div" style="background-image: url('{{ image }}');">
            </div>
        </div>

Im trying go get it to work with three different methods. {{ image }} has the content of http://place-hold.it/300. Im just wondering why this wouldnt work? Its just an image from an external source, no auth needed or anything. Could it be CORS in the django project?

I have created wrapper functions:

def render_template_to_pdf(template_name, output_file: IO, context: dict):
    # Render mail template using Django's template rendering
    template: Template = get_template(template_name)
    template_path = template.origin.name
    html = template.render(context)

    render_html_to_pdf(html, output_file, base_url=os.path.dirname(template_path))


def render_html_to_pdf(html: str, output_file: IO, base_url=None):
    import weasyprint
    pdf = weasyprint.HTML(string=html, base_url=base_url)
    pdf.write_pdf(target=output_file)

def generate_pdf(output_file: IO):
    data = {
        "id": 2
        "image": "http://place-hold.it/300"
    }

    render_template_to_pdf(
        "test.html",
        output_file=output_file,
        context=data
    )
    output_file.seek(0)

      # View function that uses bove generator
        response = HttpResponse(content_type='application/pdf')
        response['Content-Disposition'] = f'filename="test.pdf"'
        with NamedTemporaryFile() as output_file:
            generate_pdf(data, output_file)
            response.write(output_file.read())
        return response

The PDF gets created perfectly with the rest of the information that is just text and tables. Local images ALSO work, but we will have images served from an external source.

Any pointers on how to get this to work? I am really lost 😦

[Thorbenl]

I think this can be closed then. After installing/updating GDK-Pixbuf, these images work well from different sources, without using django-weasypring. just the normal one 😃

Thank you so much for your help and patience with me. WeasyPrint is awesome already and I hope you will keep improving it!

[liZe]

Seems weird to me? shouldnt JPG be also allowed? Our users will be able to upload any image type, and then it will be stored as an object in S3, and served over the Imgix service.

Handling JPG files requires the GDK-Pixbuf package to be installed. PNG and SVG already work, without GDK-Pixbuf.