Images not shown in PDF #57

MaazAli · 2014-08-05T17:34:20Z

I'm not sure why but when I add in images, the pdf doesn't display it. However, when I see the html on the page, it shows up normally.

This is the error that displays on the pdf

Image not readable or empty
/images/logo.png

Not sure what it is, but I can see the images in the HTML that is used to generate the PDF.

The text was updated successfully, but these errors were encountered:

barryvdh · 2014-08-05T17:35:05Z

Can you use the full path? Like http://mydomain.com/images/logo.png? Use asset('images/logo.png') for example.

vadimwe · 2015-03-16T21:23:00Z

works fine in last version. In old version need to update dompdf package manually

RokSiEu · 2015-06-16T07:17:21Z

Was this problem ever solved? Because it seems that it wasn't.
When I do

dd($view->render());

everything is OK, image is displayed.

but when I do

$html = View::make('emails.upn.pdf-invoice', $data);
$pdfUPN = PDF::loadHTML($html)->stream();
$randomTime = time();
if (!is_dir("upn/")) {
     mkdir("upn/");
}
file_put_contents('./upn/'.$CaseID.'-'.$randomTime.'.pdf',$pdfUPN);
$pdf = './upn/'.$CaseID.'-'.$randomTime.'.pdf';

PDF doesn't contain image.
Here's HTML/CSS code that is used in emails.upn.pdf-invoice

 <html>
<head>
<meta http-equiv="Content-Type" content="charset=utf-8" />
<meta charset="UTF-8">
<title>PDF Upn</title>

<style type="text/css">
 * {
     font-family: "DejaVu Sans";
     font-size: 8px;
    }
.upn{background-image:url("https://sub.domain.com/upn.jpg"); background-repeat:no-repeat; width:700px; height:342px; position:absolute;}
</style>
</head>
<body>
   <div class="upn">test</div>
</body>

xAockd · 2015-07-31T07:23:52Z

@RokSiEu
The same problem.
For temporary fixing, I'm using the relative path to my assets "upn.jpg"
Even path what built by asset helper doesn't help me.

bebnev · 2015-07-31T11:46:38Z

Hi
@xAockd, @RokSiEu can you provide some more information about this problem, because I have just installed fresh laravel app (5.1.8) and laravel-dompdf (0.6.0) I used the code that @RokSiEu had provided, but i get pdf with the image (even when using asset function).
The code:

$html = View::make('emails.upn.pdf-invoice', []);
$pdfUPN = PDF::loadHTML($html)->stream();
$randomTime = time();
if (!is_dir("upn/")) {
  mkdir("upn/");
}
$CaseID = '123';
file_put_contents('./upn/'.$CaseID.'-'.$randomTime.'.pdf',$pdfUPN);
$pdf = './upn/'.$CaseID.'-'.$randomTime.'.pdf';

And the emails.upn.pdf-invoice:

<html>
<head>
    <meta http-equiv="Content-Type" content="charset=utf-8" />
    <meta charset="UTF-8">
    <title>PDF Upn</title>

    <style type="text/css">
        * {
            font-family: "DejaVu Sans";
            font-size: 8px;
        }
        .upn {
          background-image:url("{{ asset('images/test.jpg') }}");
          background-repeat:no-repeat;
          width:700px;
          height:342px;
          position:absolute;
       }
    </style>
</head>
<body>
<div class="upn">test</div>
</body>

The output pdf

xAockd · 2015-07-31T12:30:33Z

Found where is a problem! Just add the site to the hosts file, and all will works!

RokSiEu · 2015-07-31T12:33:12Z

What do you mean with "hosts" file?

On Fri, Jul 31, 2015 at 2:30 PM, Dmitriy Galievskiy <
notifications@github.com> wrote:

Found where is a problem! Just add the site to the hosts file, and all
will works!

—
Reply to this email directly or view it on GitHub
#57 (comment)
.

xAockd · 2015-07-31T12:34:08Z

/etc/hosts file

casank25 · 2015-09-09T05:21:44Z

@xAockd +1, lost 1 day on this until i saw this.

ericgeurts · 2016-02-10T11:18:53Z

Can't get it to work on localhost:8000 with php artisan serve

AMABK · 2016-07-13T10:56:24Z

This might help someone

This should do the trick.

<?php $image_path = '/images/logo.pdf'; ?>
<img src="{{ public_path() . $image_path }}">

neoacevedo · 2016-10-05T20:53:03Z

Hi, I currently have a problem. Images was showing for 3 or 4 generated pdf but now no images are shown.

I am using the @AMABK code:

<?php $image_path = '/images/logo.jpg'; ?>
<img src="{{ public_path() . $image_path }}">

It was working as I said for 3 or 4 generated files but now the image is not showed. I save each html on a file and such files the image is showed. Now I am trying with decoded image but is unsuccessful.

I am using the version 0.4 for laravel 4.2

hzung · 2017-04-12T14:21:30Z

This trick works for me! 😃

Convert your Image file to Base64 format with these lines of code, and then include the $imageData into src attribute of <img> tag instead of an image URL.

$avatarUrl = 'https://assets-cdn.github.com/images/modules/logos_page/GitHub-Mark.png';
$arrContextOptions=array(
                "ssl"=>array(
                    "verify_peer"=>false,
                    "verify_peer_name"=>false,
                ),
            );
$type = pathinfo($avatarUrl, PATHINFO_EXTENSION);
$avatarData = file_get_contents($avatarUrl, false, stream_context_create($arrContextOptions));
$avatarBase64Data = base64_encode($avatarData);
$imageData = 'data:image/' . $type . ';base64,' . $avatarBase64Data;

roshimon · 2017-05-26T09:51:52Z

Thank you @hzung. Took lot of time at last found your solution & it just worked fine :)

rdtandel · 2017-08-30T06:10:19Z

src="http://www.example.com/assets/images/image.png"

You just need to change it to,

src="assets/images/image.png"

nicoHersant · 2017-12-01T08:44:39Z

@AMABK thanks! it did the trick!

acedesigns · 2017-12-11T07:50:44Z

HI Guys, I am still having this problem. My setup is as follows. And I am using Laravel 5.4.36
The Image is not Showing up on the PDF.
I tried using @hzung example but a bit simpler.

OS

 System Version: macOS 10.12.6 (16G1036)

PHP Version

PHP 7.1.8 (cli) (built: Aug 28 2017 11:09:12) ( NTS )
Copyright (c) 1997-2017 The PHP Group
Zend Engine v3.1.0, Copyright (c) 1998-2017 Zend Technologies

Composer File

"laravel/framework": "5.4.*",
"barryvdh/laravel-dompdf": "^0.8.1"

Controller

public function downloadPDF ($id)
    {
        $user   = UserInfo::find($id);
        $pdf    = PDF::setOptions([
            'images' => true
        ])->loadView('customer.carFact', compact('user'))->setPaper('a4', 'portrait');
        return $pdf->download('carfact_sheet.pdf');
    }

HTML :: customer/carFact.blade.php

    <?php
        $path = public_path('/assets/images/company_Logo.jpg');
        $type = pathinfo($path, PATHINFO_EXTENSION);
        $data = file_get_contents($path);
        $base64 = 'data:image/' . $type . ';base64,' . base64_encode($data);
    ?>
    <table class="table table-bordered" style="margin: 0px auto;">
        <tr>
            <td colspan="4" align="center">
                <img src=" {{ $base64 }}" alt=" " class="img-responsive">
            </td>
        </tr>
     ......
   </table>

The Image is not Showing up on the PDF.

andresams · 2018-01-08T06:37:09Z

@xAockd Thank you very much, your solution worked perfectly.

acedesigns · 2018-01-11T05:43:44Z

@andresams
Do you mind to share your source code snippet of what/how you did it? PLEASE !!

DominikStyp · 2018-03-09T16:20:42Z

I wonder why local links with port doesn't work:
http://mydoiman.test:8000/images/x.jpg - doesn't work in pdf (works in browser)
but every other image from google images for example works.

PhillyWebGuy · 2018-06-19T19:03:30Z

@acedesigns

Change path:

$path = public_path('/images/company_Logo.jpg');

And I specified size of image:

<img src="{{ $base64 }}" style="width: 100px; height:100px;">

SabrineMihni · 2018-08-09T21:57:13Z

@rdtandel thank you so much, it did the trick 💯

CristianGno · 2018-08-22T16:43:20Z

@hzung I do not know if you will read this, but I thank you, you have taken me out of a big hurry.

imadphp · 2019-01-16T22:02:48Z

This might help someone

This should do the trick.
<?php $image_path = '/images/logo.pdf'; ?>
<img src="{{ public_path() . $image_path }}">

I actually didn't expect this to work, but it does! How's this different from public_path($image_path)? 😕

Edit: Never mind. It seems that you need to specify your local path e.g. /var/www/path/to/file instead of http://app.local/path/to-file. Makes sense.

andreshg112 · 2019-03-17T21:48:56Z

I don't know why this is happening. It is working on shared hosting, it was working using Xampp on Zorin but It's not working using Docker on Mac.

emma255 · 2020-04-24T03:58:58Z

Me too i struggled for the same error for 3 days. Also when i tried tricks mentioned above, none of them worked too. But when i changed the image file to .jpg file(extension) everything worked well.

<img src="{{ public_path('img/netphone.jpg') }}">

Laravel version: 5.8.38
PHP version: 7.3
arryvdh/laravel-dompdf version: 0.8.6

stale · 2020-07-28T17:32:09Z

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
Most issues are actually related to DompDF (eg rendering the PDF itself), so please raise an issue there: https://github.com/dompdf/dompdf
If you believe this is still an actual issue with this library, please reply to this issue.

mohsin82 · 2020-08-14T08:54:32Z

in my local, all images are working.

but in live site, some png images are working and some are not working.

i am using laravel dompdf

can some help me on this?

maherelgamil · 2020-09-02T08:57:06Z

You can fix it by adding full path of image not URL

public_path('images/logo.png ');

And it will be worked fine

costatavares · 2020-09-23T19:01:23Z

@andreshg112
In my case, I added data: image / png; base64
directly in the img tag

for example

Akaaal · 2021-01-16T17:54:46Z

In my case, i'm using external css and spend time to figure out how to render background images. This works for me:

pdf.php :

$dompdf = new Dompdf();	
$content .= '<link type="text/css" media="all" href="https://mydomaine.com/path/to/pdf-css.php" rel="stylesheet" />';	
$dompdf->loadHtml($content);

pdf-css.php :

<?php
    header("Content-type: text/css; charset: UTF-8");
?>
<?php $image_path = 'https://mydomaine.com/path/to/images/test.jpg';  ?>
html, body { margin:20px;padding:0;width:100%;font-family:Helvetica;}
.testbkg {width:200px;height:200px;background-image:url(' <?php echo $image_path ?>');background-repeat: no-repeat;background-size: cover;background-position:center}

But SVG don't work...

aurawindsurfing · 2021-04-26T17:38:17Z

For png files I simply do:

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

for SVG files in this case this is an background image

<img class="backdrop" src="{{'data:image/svg+xml;base64,'.base64_encode(file_get_contents(public_path('images/backgroung.svg')))}}"/>

Langstra mentioned this issue Jul 23, 2016

How to reference css files? #229

Closed

stale bot added the stale label Jul 28, 2020

stale bot closed this as completed Aug 6, 2020

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Images not shown in PDF #57

Images not shown in PDF #57

MaazAli commented Aug 5, 2014

barryvdh commented Aug 5, 2014

vadimwe commented Mar 16, 2015

RokSiEu commented Jun 16, 2015

xAockd commented Jul 31, 2015

bebnev commented Jul 31, 2015

xAockd commented Jul 31, 2015

RokSiEu commented Jul 31, 2015

xAockd commented Jul 31, 2015

casank25 commented Sep 9, 2015

ericgeurts commented Feb 10, 2016

AMABK commented Jul 13, 2016 •

edited

neoacevedo commented Oct 5, 2016

hzung commented Apr 12, 2017

roshimon commented May 26, 2017

rdtandel commented Aug 30, 2017 •

edited

nicoHersant commented Dec 1, 2017

acedesigns commented Dec 11, 2017

andresams commented Jan 8, 2018

acedesigns commented Jan 11, 2018

DominikStyp commented Mar 9, 2018

PhillyWebGuy commented Jun 19, 2018 •

edited

SabrineMihni commented Aug 9, 2018

CristianGno commented Aug 22, 2018

imadphp commented Jan 16, 2019 •

edited

andreshg112 commented Mar 17, 2019

emma255 commented Apr 24, 2020 •

edited

stale bot commented Jul 28, 2020

mohsin82 commented Aug 14, 2020

maherelgamil commented Sep 2, 2020

costatavares commented Sep 23, 2020

Akaaal commented Jan 16, 2021 •

edited

aurawindsurfing commented Apr 26, 2021 •

edited

Images not shown in PDF #57

Images not shown in PDF #57

Comments

MaazAli commented Aug 5, 2014

barryvdh commented Aug 5, 2014

vadimwe commented Mar 16, 2015

RokSiEu commented Jun 16, 2015

xAockd commented Jul 31, 2015

bebnev commented Jul 31, 2015

xAockd commented Jul 31, 2015

RokSiEu commented Jul 31, 2015

xAockd commented Jul 31, 2015

casank25 commented Sep 9, 2015

ericgeurts commented Feb 10, 2016

AMABK commented Jul 13, 2016 • edited

neoacevedo commented Oct 5, 2016

hzung commented Apr 12, 2017

roshimon commented May 26, 2017

rdtandel commented Aug 30, 2017 • edited

nicoHersant commented Dec 1, 2017

acedesigns commented Dec 11, 2017

OS

PHP Version

Composer File

Controller

HTML :: customer/carFact.blade.php

The Image is not Showing up on the PDF.

andresams commented Jan 8, 2018

acedesigns commented Jan 11, 2018

DominikStyp commented Mar 9, 2018

PhillyWebGuy commented Jun 19, 2018 • edited

SabrineMihni commented Aug 9, 2018

CristianGno commented Aug 22, 2018

imadphp commented Jan 16, 2019 • edited

andreshg112 commented Mar 17, 2019

emma255 commented Apr 24, 2020 • edited

stale bot commented Jul 28, 2020

mohsin82 commented Aug 14, 2020

maherelgamil commented Sep 2, 2020

costatavares commented Sep 23, 2020

Akaaal commented Jan 16, 2021 • edited

aurawindsurfing commented Apr 26, 2021 • edited

AMABK commented Jul 13, 2016 •

edited

rdtandel commented Aug 30, 2017 •

edited

PhillyWebGuy commented Jun 19, 2018 •

edited

imadphp commented Jan 16, 2019 •

edited

emma255 commented Apr 24, 2020 •

edited

Akaaal commented Jan 16, 2021 •

edited

aurawindsurfing commented Apr 26, 2021 •

edited