Displaying an image in pdf file generated by snappy

Question

I want to add an image to my pdf generated by snappy ,but nothing appear

In my twig :

I am persisting the name of the file in my data base, survey.event.image contain the name of the image

<div style="margin-top: 26px; width: 200px">

    <img   src="{{ asset('uploads/imagesFile/'~survey.event.image) }}" id="imgEvent">

</div>

I have enabled images =>true

return new Response(
    $this->get('knp_snappy.pdf')->getOutputFromHtml($html,array(
        'default-header'=>null,
        'encoding' => 'utf-8',
        'images' => true,
        'enable-javascript' => true,
        'margin-right'  => 7,
        'margin-left'  =>7,
        'javascript-delay' => 5000
    )),
    200,
    array(
        'Content-Type'          => 'application/pdf',
        'Content-Disposition'   => 'attachment; filename="file1.pdf"'
    )
);

score 4 · Answer 1 · answered Sep 26 '17 at 14:34

4

Try to use absolute_url to get absolute assets url

<div style="margin-top: 26px; width: 200px">

<img   src="{{ absolute_url(asset('uploads/imagesFile/'~survey.event.image)) }}" id="imgEvent">

answered Sep 26 '17 at 14:34

ryl

333
1
4
12

1

undefined function – Ray Coder Oct 19 '20 at 20:33
Note - this solution works great with Symfony with twig – Mmx Sep 15 '22 at 12:04

Fahim Ahmed · Answer 2 · 2021-07-14T07:52:57.473

In case anyone is still for a solution. In my Laravel 8 i was able to load the image but while downloading the image it takes a while to load & then failed to download. I was using snappy for pdf generate & download.

Here's how i solve it.

From this

<img src="{{asset('assets/images/czm/bismillah.png')}}" width="10%" alt="">

To this. I just remove laravel default asset and convert the image into base64.

<img src="{{'data:image/png;base64,'.base64_encode(file_get_contents(public_path('assets/images/czm/bismillah.png')))}}" width="180"/>

You can find more here

score 0 · Answer 3 · answered Dec 19 '17 at 15:42

0

Use absolute=true for your path to the image.

<img src="{{ asset('uploads/imagesFile/'~survey.event.image, , absolute=true) }}" id="imgEvent">

answered Dec 19 '17 at 15:42

Keutelvocht

670
2
10
28

score -1 · Answer 4 · answered Aug 25 '17 at 11:39

-1

Maybe the image path is wrong, try this :

<div style="width: 200px; height: auto;">
  <img src="{{ pathToWeb }}/uploads/imagesFile/image.jpg" alt="img">
</div>

And add this in your config.yml :

# Twig Configuration
twig:
  globals:
    pathToWeb: "%kernel.root_dir%/../web"

answered Aug 25 '17 at 11:39

user7867717

285
3
15

OP is using asset function to determine the location – DarkBee Aug 25 '17 at 12:05
Yeah but why should OP switch from `asset` to just an absolute path. Makes no sense – DarkBee Aug 25 '17 at 12:40
when I use `asset`, the image is not found when I create the pdf. Use a absolute path is not the better solution but in this case I not find some thing better – user7867717 Aug 25 '17 at 14:24

Displaying an image in pdf file generated by snappy

4 Answers4