wickedpdf not rendering images?

Question

i am using wickedpdf gem to generate pdf invoice from the html code.

gems:

gem 'wicked_pdf'
gem "wkhtmltopdf-binary"

gemfile.lock

wicked_pdf (1.0.6)
wkhtmltopdf-binary (0.9.9.3)

in controller:

  def show_pdf_invoice
    respond_to do |format|
      format.html { render :layout => "pdf.pdf.erb" }
      format.pdf do
    render pdf: "show_pdf_invoice", :layout => 'pdf.pdf.erb'
    #render :pdf => "pdf"#, :layout => 'pdf.html.erb'
      end
    end
  end

in views/invoices/show_pdf_invoice.pdf.erb

  <img id="image" src="https://www.google.co.in/logos/doodles/2016/holidays-2016-day-2-6356741311692800-scta.png" alt="logo" /> 
  <%= wicked_pdf_image_tag 'https://www.google.co.in/logos/doodles/2016/holidays-2016-day-2-6356741311692800-scta.png' %>

pdf is getting generated. But the images are not showing. in the place of images empty boxes are coming. unable to find the issue.

I've had the same problem, mine was fixed by removing `https` for `http`. Have you tried this? — Kevin Etore, Dec 24 '16 at 14:53
its working. after changing https to http. but how can i fix this issue for the dynamic images which comes from amazon s3? — John, Dec 24 '16 at 15:00
You could use `gsub` for that as in: `gsub("https", "http")` — Kevin Etore, Dec 24 '16 at 15:05
@John Oh wow, that's a really old version of `wkhtmltopdf` provided by `wkhtmltopdf-binary`. I'd suggest you try a newer release and maybe you won't have to replace https with http; but beware, you should give your rendered pdfs a visual check since so much with that project has changed in the past few years. — Unixmonkey, Mar 18 '19 at 21:15

score 14 · Accepted Answer · answered Dec 24 '16 at 15:26

14

I've had the same problem, mine was fixed by removing https for http. Have you tried this? and for the Amazon S3 part: You could use gsub for that as in: gsub("https", "http")

answered Dec 24 '16 at 15:26

Kevin Etore

1,046
3
14
32

iguido · Answer 2 · 2019-03-16T00:22:01.450

Using Rails 5.2 with Active Storage in combination with Amazon S3 storage I had the same problem. In development on my local machine the images rendered perfectly, but on Heroku they were presented as small empty rectangles.

To get the url from the logo uploaded to Active Storage I used: @my_object.logo.service_url. Which used the standard url with https. As mentioned before, replacing this with http resolved the issue.

Full code used in my pdf generator view:

<%= wicked_pdf_image_tag @my_object.logo.service_url.gsub("https", "http") %>

score 3 · Answer 3 · answered May 14 '19 at 18:07

3

Two Options

1. Upgrade to `wkhtmltopdf 0.12.5`.

-or-

2. Install `libssl1.0-dev` with `apt-get install libssl1.0-dev`.

See this issue for more information: https://github.com/wkhtmltopdf/wkhtmltopdf/issues/3001

answered May 14 '19 at 18:07

Joshua Pinter

45,245
23
243
245

1

Thanks a lot! After upgrading to 0.12.5 it starts to render images (https as well) – AlexanderF Nov 13 '19 at 21:30

wickedpdf not rendering images?

3 Answers3

Two Options

1. Upgrade to wkhtmltopdf 0.12.5.

2. Install libssl1.0-dev with apt-get install libssl1.0-dev.

1. Upgrade to `wkhtmltopdf 0.12.5`.

2. Install `libssl1.0-dev` with `apt-get install libssl1.0-dev`.